@cube-dev/ui-kit 0.0.0-canary-e2a9f35 → 0.0.0-canary-c48279e
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/es/_internal/hooks/index.js +1 -1
- package/es/_internal/hooks/use-chained-callback.js +1 -1
- package/es/_internal/hooks/use-debounced-value.js +1 -1
- package/es/_internal/hooks/use-deprecation-warning.js +1 -1
- package/es/_internal/hooks/use-effect-once.js +1 -1
- package/es/_internal/hooks/use-event.js +1 -1
- package/es/_internal/hooks/use-is-first-render.js +1 -1
- package/es/_internal/hooks/use-sync-ref.js +1 -1
- package/es/_internal/hooks/use-timer/index.js +1 -1
- package/es/_internal/hooks/use-timer/timer.js +1 -1
- package/es/_internal/hooks/use-timer/use-timer.js +1 -1
- package/es/_internal/hooks/use-update-effect.js +1 -1
- package/es/_internal/hooks/use-warn.js +1 -1
- package/es/_internal/index.js +1 -1
- package/es/components/Block.js +1 -1
- package/es/components/CollectionItem.js +1 -1
- package/es/components/GlobalStyles.js +1 -1
- package/es/components/GridProvider.js +1 -1
- package/es/components/HiddenInput.js +1 -1
- package/es/components/OpenTrasition.js +1 -1
- package/es/components/Root.js +3 -4
- package/es/components/actions/Action/Action.js +1 -1
- package/es/components/actions/Banner/Banner.js +1 -1
- package/es/components/actions/Banner/index.js +1 -1
- package/es/components/actions/Button/Button.js +1 -1
- package/es/components/actions/Button/index.js +1 -1
- package/es/components/actions/ButtonGroup/ButtonGroup.js +1 -1
- package/es/components/actions/CommandMenu/CommandMenu.js +1 -1
- package/es/components/actions/CommandMenu/index.js +1 -1
- package/es/components/actions/CommandMenu/styled.js +1 -1
- package/es/components/actions/ItemAction/ItemAction.js +5 -1
- package/es/components/actions/ItemAction/index.js +1 -1
- package/es/components/actions/ItemActionContext.js +1 -1
- package/es/components/actions/ItemButton/ItemButton.js +1 -1
- package/es/components/actions/ItemButton/index.js +1 -1
- package/es/components/actions/Link/Link.js +1 -1
- package/es/components/actions/Menu/Menu.js +1 -1
- package/es/components/actions/Menu/MenuItem.js +1 -1
- package/es/components/actions/Menu/MenuSection.js +1 -1
- package/es/components/actions/Menu/MenuTrigger.js +1 -1
- package/es/components/actions/Menu/SubMenuTrigger.js +1 -1
- package/es/components/actions/Menu/SubmenuTriggerContext.js +1 -1
- package/es/components/actions/Menu/context.js +1 -1
- package/es/components/actions/Menu/index.js +1 -1
- package/es/components/actions/Menu/styled.js +1 -1
- package/es/components/actions/index.js +1 -1
- package/es/components/actions/use-action.js +1 -1
- package/es/components/actions/use-anchored-menu.js +1 -1
- package/es/components/actions/use-context-menu.js +1 -1
- package/es/components/content/ActiveZone/ActiveZone.js +1 -1
- package/es/components/content/Alert/Alert.js +1 -1
- package/es/components/content/Alert/index.js +1 -1
- package/es/components/content/Alert/types.js +1 -1
- package/es/components/content/Alert/use-alert.js +1 -1
- package/es/components/content/Avatar/Avatar.js +1 -1
- package/es/components/content/Badge/Badge.js +1 -1
- package/es/components/content/Card/Card.js +1 -1
- package/es/components/content/Content.js +1 -1
- package/es/components/content/CopyPasteBlock/CopyPasteBlock.js +1 -1
- package/es/components/content/CopyPasteBlock/index.js +1 -1
- package/es/components/content/CopySnippet/CopySnippet.js +1 -1
- package/es/components/content/CopySnippet/index.js +1 -1
- package/es/components/content/Disclosure/Disclosure.js +1 -1
- package/es/components/content/Disclosure/index.js +1 -1
- package/es/components/content/Divider.js +1 -1
- package/es/components/content/Footer.js +1 -1
- package/es/components/content/Header.js +1 -1
- package/es/components/content/HotKeys/HotKeys.js +1 -1
- package/es/components/content/HotKeys/index.js +1 -1
- package/es/components/content/Item/Item.js +1 -1
- package/es/components/content/Item/index.js +1 -1
- package/es/components/content/ItemBadge/ItemBadge.js +1 -1
- package/es/components/content/ItemBadge/index.js +1 -1
- package/es/components/content/Layout/GridLayout.js +1 -1
- package/es/components/content/Layout/Layout.js +1 -1
- package/es/components/content/Layout/LayoutBlock.js +1 -1
- package/es/components/content/Layout/LayoutCenter.js +1 -1
- package/es/components/content/Layout/LayoutContainer.js +1 -1
- package/es/components/content/Layout/LayoutContent.js +1 -1
- package/es/components/content/Layout/LayoutContext.js +1 -1
- package/es/components/content/Layout/LayoutFlex.js +1 -1
- package/es/components/content/Layout/LayoutFooter.js +1 -1
- package/es/components/content/Layout/LayoutGrid.js +1 -1
- package/es/components/content/Layout/LayoutHeader.js +1 -1
- package/es/components/content/Layout/LayoutPane.js +1 -1
- package/es/components/content/Layout/LayoutPanel.js +1 -1
- package/es/components/content/Layout/LayoutPanelHeader.js +1 -1
- package/es/components/content/Layout/LayoutToolbar.js +1 -1
- package/es/components/content/Layout/hooks/useTinyScrollbar.js +1 -1
- package/es/components/content/Layout/index.js +1 -1
- package/es/components/content/Layout/utils.js +1 -1
- package/es/components/content/List/SectionHeading.js +1 -1
- package/es/components/content/List/index.js +1 -1
- package/es/components/content/Paragraph.js +1 -1
- package/es/components/content/Placeholder/Placeholder.js +1 -1
- package/es/components/content/PrismCode/PrismCode.js +1 -1
- package/es/components/content/PrismCode/prismSetup.js +1 -1
- package/es/components/content/PrismDiffCode/PrismDiffCode.js +1 -1
- package/es/components/content/Result/Result.js +1 -1
- package/es/components/content/Skeleton/Skeleton.js +1 -1
- package/es/components/content/Tag/Tag.js +1 -1
- package/es/components/content/Text.js +1 -1
- package/es/components/content/TextItem/TextItem.js +1 -1
- package/es/components/content/TextItem/index.js +1 -1
- package/es/components/content/Title.js +1 -1
- package/es/components/content/highlightText.js +1 -1
- package/es/components/content/use-auto-tooltip.js +1 -1
- package/es/components/fields/Checkbox/Checkbox.js +1 -1
- package/es/components/fields/Checkbox/CheckboxGroup.js +1 -1
- package/es/components/fields/Checkbox/context.js +1 -1
- package/es/components/fields/Checkbox/index.js +1 -1
- package/es/components/fields/ComboBox/ComboBox.js +1 -1
- package/es/components/fields/ComboBox/index.js +1 -1
- package/es/components/fields/DatePicker/DateInput.js +1 -1
- package/es/components/fields/DatePicker/DateInputBase.js +1 -1
- package/es/components/fields/DatePicker/DatePicker.js +1 -1
- package/es/components/fields/DatePicker/DatePickerButton.js +1 -1
- package/es/components/fields/DatePicker/DatePickerElement.js +1 -1
- package/es/components/fields/DatePicker/DatePickerInput.js +1 -1
- package/es/components/fields/DatePicker/DatePickerSegment.js +1 -1
- package/es/components/fields/DatePicker/DateRangePicker.js +1 -1
- package/es/components/fields/DatePicker/DateRangeSeparatedPicker.js +1 -1
- package/es/components/fields/DatePicker/TimeInput.js +1 -1
- package/es/components/fields/DatePicker/index.js +1 -1
- package/es/components/fields/DatePicker/intl.js +1 -1
- package/es/components/fields/DatePicker/parseDate.js +1 -1
- package/es/components/fields/DatePicker/props.js +1 -1
- package/es/components/fields/DatePicker/types.js +1 -1
- package/es/components/fields/DatePicker/utils.js +1 -1
- package/es/components/fields/FileInput/FileInput.js +1 -1
- package/es/components/fields/FilterListBox/FilterListBox.js +1 -1
- package/es/components/fields/FilterListBox/index.js +1 -1
- package/es/components/fields/FilterPicker/FilterPicker.js +1 -1
- package/es/components/fields/FilterPicker/index.js +1 -1
- package/es/components/fields/Input/Input.js +1 -1
- package/es/components/fields/Input/index.js +1 -1
- package/es/components/fields/ListBox/ListBox.js +1 -1
- package/es/components/fields/ListBox/index.js +1 -1
- package/es/components/fields/NumberInput/NumberInput.js +1 -1
- package/es/components/fields/NumberInput/StepButton.js +1 -1
- package/es/components/fields/PasswordInput/PasswordInput.js +1 -1
- package/es/components/fields/Picker/Picker.js +1 -1
- package/es/components/fields/Picker/index.js +1 -1
- package/es/components/fields/RadioGroup/Radio.js +1 -1
- package/es/components/fields/RadioGroup/RadioGroup.js +1 -1
- package/es/components/fields/RadioGroup/context.js +1 -1
- package/es/components/fields/RadioGroup/index.js +1 -1
- package/es/components/fields/SearchInput/SearchInput.js +1 -1
- package/es/components/fields/SearchInput/index.js +1 -1
- package/es/components/fields/Select/Select.js +1 -1
- package/es/components/fields/Select/index.js +1 -1
- package/es/components/fields/Slider/Gradation.js +1 -1
- package/es/components/fields/Slider/Header.js +1 -1
- package/es/components/fields/Slider/HueSlider.js +1 -1
- package/es/components/fields/Slider/RangeSlider.js +1 -1
- package/es/components/fields/Slider/Slider.js +1 -1
- package/es/components/fields/Slider/SliderBase.js +1 -1
- package/es/components/fields/Slider/SliderInput.js +1 -1
- package/es/components/fields/Slider/SliderThumb.js +1 -1
- package/es/components/fields/Slider/SliderTrack.js +1 -1
- package/es/components/fields/Slider/elements.js +1 -1
- package/es/components/fields/Slider/index.js +1 -1
- package/es/components/fields/Slider/types.js +1 -1
- package/es/components/fields/Switch/Switch.js +1 -1
- package/es/components/fields/Switch/index.js +1 -1
- package/es/components/fields/TextArea/TextArea.js +1 -1
- package/es/components/fields/TextArea/index.js +1 -1
- package/es/components/fields/TextInput/TextInput.js +1 -1
- package/es/components/fields/TextInput/TextInputBase.js +1 -1
- package/es/components/fields/TextInput/index.js +1 -1
- package/es/components/fields/TextInputMapper/TextInputMapper.js +1 -1
- package/es/components/fields/TextInputMapper/index.js +1 -1
- package/es/components/fields/index.js +1 -1
- package/es/components/form/FieldWrapper/FieldWrapper.js +1 -1
- package/es/components/form/FieldWrapper/extract-field-wrapper-props.js +1 -1
- package/es/components/form/FieldWrapper/index.js +1 -1
- package/es/components/form/FieldWrapper/types.js +1 -1
- package/es/components/form/Form/Field.js +1 -1
- package/es/components/form/Form/Form.js +1 -1
- package/es/components/form/Form/ResetButton/ResetButton.js +1 -1
- package/es/components/form/Form/ResetButton/index.js +1 -1
- package/es/components/form/Form/SubmitButton/SubmitButton.js +1 -1
- package/es/components/form/Form/SubmitButton/index.js +1 -1
- package/es/components/form/Form/SubmitError.js +1 -1
- package/es/components/form/Form/index.js +1 -1
- package/es/components/form/Form/types.js +1 -1
- package/es/components/form/Form/use-field/index.js +1 -1
- package/es/components/form/Form/use-field/types.js +1 -1
- package/es/components/form/Form/use-field/use-field-props.js +1 -1
- package/es/components/form/Form/use-field/use-field.js +1 -1
- package/es/components/form/Form/use-form.js +1 -1
- package/es/components/form/Form/validation.js +1 -1
- package/es/components/form/Label.js +1 -1
- package/es/components/form/index.js +1 -1
- package/es/components/form/wrapper.js +1 -1
- package/es/components/helpers/DisplayTransition/DisplayTransition.js +1 -1
- package/es/components/helpers/DisplayTransition/index.js +1 -1
- package/es/components/helpers/IconSwitch/IconSwitch.js +1 -1
- package/es/components/helpers/index.js +1 -1
- package/es/components/layout/Flex.js +1 -1
- package/es/components/layout/Flow.js +1 -1
- package/es/components/layout/Grid.js +1 -1
- package/es/components/layout/Panel.js +1 -1
- package/es/components/layout/Prefix.js +1 -1
- package/es/components/layout/ResizablePanel.js +1 -1
- package/es/components/layout/Space.js +1 -1
- package/es/components/layout/Suffix.js +1 -1
- package/es/components/navigation/Tabs/DraggableTabList.js +1 -1
- package/es/components/navigation/Tabs/EditableTitle.js +1 -1
- package/es/components/navigation/Tabs/TabButton.js +1 -1
- package/es/components/navigation/Tabs/TabDropIndicator.js +1 -1
- package/es/components/navigation/Tabs/TabPanel.js +1 -1
- package/es/components/navigation/Tabs/TabPicker.js +1 -1
- package/es/components/navigation/Tabs/Tabs.js +1 -1
- package/es/components/navigation/Tabs/TabsAction.js +1 -1
- package/es/components/navigation/Tabs/TabsContext.js +1 -1
- package/es/components/navigation/Tabs/index.js +1 -1
- package/es/components/navigation/Tabs/styled.js +1 -1
- package/es/components/navigation/Tabs/types.js +1 -1
- package/es/components/navigation/Tabs/use-tab-editing.js +1 -1
- package/es/components/navigation/Tabs/use-tab-indicator.js +1 -1
- package/es/components/navigation/index.js +1 -1
- package/es/components/organisms/FileTabs/FileTabs.js +1 -1
- package/es/components/organisms/StatsCard/StatsCard.js +1 -1
- package/es/components/other/Calendar/Calendar.js +1 -1
- package/es/components/other/Calendar/CalendarCell.js +1 -1
- package/es/components/other/Calendar/CalendarGrid.js +1 -1
- package/es/components/other/Calendar/RangeCalendar.js +1 -1
- package/es/components/other/CloudLogo/CloudLogo.js +1 -1
- package/es/components/overlays/AlertDialog/AlertDialog.js +1 -1
- package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
- package/es/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
- package/es/components/overlays/AlertDialog/index.js +1 -1
- package/es/components/overlays/AlertDialog/types.js +1 -1
- package/es/components/overlays/Dialog/Dialog.js +1 -1
- package/es/components/overlays/Dialog/DialogContainer.js +1 -1
- package/es/components/overlays/Dialog/DialogForm.js +1 -1
- package/es/components/overlays/Dialog/DialogTrigger.js +1 -1
- package/es/components/overlays/Dialog/context.js +1 -1
- package/es/components/overlays/Dialog/index.js +1 -1
- package/es/components/overlays/Dialog/use-dialog-container.js +1 -1
- package/es/components/overlays/Modal/Modal.js +1 -1
- package/es/components/overlays/Modal/OpenTransition.js +1 -1
- package/es/components/overlays/Modal/Overlay.js +1 -1
- package/es/components/overlays/Modal/Popover.js +1 -1
- package/es/components/overlays/Modal/Tray.js +1 -1
- package/es/components/overlays/Modal/Underlay.js +1 -1
- package/es/components/overlays/Modal/index.js +1 -1
- package/es/components/overlays/Modal/types.js +1 -1
- package/es/components/overlays/Notifications/Notification.js +92 -0
- package/es/components/overlays/Notifications/NotificationAction.js +73 -0
- package/es/components/overlays/Notifications/NotificationCard.js +87 -0
- package/es/components/overlays/Notifications/NotificationContext.js +44 -0
- package/es/components/overlays/Notifications/NotificationItem.js +63 -0
- package/es/components/overlays/Notifications/OverlayContainer.js +339 -0
- package/es/components/overlays/Notifications/OverlayProvider.js +69 -0
- package/es/components/overlays/Notifications/PersistentNotificationsList.js +105 -0
- package/es/components/overlays/Notifications/format-relative-time.js +55 -0
- package/es/components/overlays/Notifications/index.js +51 -0
- package/es/components/overlays/{NewNotifications/NotificationsList → Notifications}/types.js +1 -1
- package/es/components/overlays/Notifications/use-notification-state.js +205 -0
- package/es/components/overlays/Notifications/use-notifications.js +175 -0
- package/es/components/overlays/Notifications/use-overlay-timers.js +138 -0
- package/es/components/overlays/Notifications/use-persistent-notifications.js +63 -0
- package/es/components/overlays/Notifications/use-persistent-state.js +66 -0
- package/es/components/overlays/Notifications/use-toast-state.js +143 -0
- package/es/components/overlays/OverlayWrapper.js +1 -1
- package/es/components/overlays/Toast/ToastItem.js +6 -3
- package/es/components/overlays/Toast/ToastProvider.js +6 -352
- package/es/components/overlays/Toast/index.js +3 -8
- package/es/components/overlays/Toast/types.js +1 -1
- package/es/components/overlays/Toast/useProgressToast.js +2 -5
- package/es/components/overlays/Toast/useToast.js +1 -7
- package/es/components/overlays/Tooltip/Tooltip.js +1 -1
- package/es/components/overlays/Tooltip/TooltipProvider.js +1 -1
- package/es/components/overlays/Tooltip/TooltipTrigger.js +1 -1
- package/es/components/overlays/Tooltip/context.js +1 -1
- package/es/components/overlays/Tooltip/index.js +1 -1
- package/es/components/portal/Portal.js +1 -1
- package/es/components/portal/PortalProvider.js +1 -1
- package/es/components/portal/index.js +1 -1
- package/es/components/portal/types.js +1 -1
- package/es/components/portal/usePortal.js +1 -1
- package/es/components/shared/InvalidIcon.js +1 -1
- package/es/components/shared/ValidIcon.js +1 -1
- package/es/components/status/LoadingAnimation/LoadingAnimation.js +1 -1
- package/es/components/status/LoadingAnimation/index.js +1 -1
- package/es/components/status/Spin/Cube.js +1 -1
- package/es/components/status/Spin/InternalSpinner.js +1 -1
- package/es/components/status/Spin/Spin.js +1 -1
- package/es/components/status/Spin/SpinsContainer.js +1 -1
- package/es/components/status/Spin/index.js +1 -1
- package/es/components/status/Spin/types.js +1 -1
- package/es/components/status/index.js +1 -1
- package/es/data/item-themes.js +1 -1
- package/es/data/themes.js +1 -1
- package/es/icons/AdjustmentsHorizontalIcon.js +1 -1
- package/es/icons/AdjustmentsIcon.js +1 -1
- package/es/icons/AiIcon.js +1 -1
- package/es/icons/AreaChartIcon.js +1 -1
- package/es/icons/BackwardIcon.js +1 -1
- package/es/icons/BarChartIcon.js +1 -1
- package/es/icons/BellFilledIcon.js +1 -1
- package/es/icons/BellIcon.js +1 -1
- package/es/icons/BooleanIcon.js +1 -1
- package/es/icons/CalendarEditIcon.js +1 -1
- package/es/icons/CalendarIcon.js +1 -1
- package/es/icons/CaretDownIcon.js +1 -1
- package/es/icons/CaretUpIcon.js +1 -1
- package/es/icons/ChartAreaStackedIcon.js +1 -1
- package/es/icons/ChartAreaStackedPercentageIcon.js +1 -1
- package/es/icons/ChartBarGroupedHorizontalIcon.js +1 -1
- package/es/icons/ChartBarGroupedIcon.js +1 -1
- package/es/icons/ChartBarHorizontalIcon.js +1 -1
- package/es/icons/ChartBarLineIcon.js +1 -1
- package/es/icons/ChartBarStackedHorizontalIcon.js +1 -1
- package/es/icons/ChartBarStackedIcon.js +1 -1
- package/es/icons/ChartBarStackedPercentageHorizontalIcon.js +1 -1
- package/es/icons/ChartBarStackedPercentageIcon.js +1 -1
- package/es/icons/ChartBoxPlot2Icon.js +1 -1
- package/es/icons/ChartBoxPlotIcon.js +1 -1
- package/es/icons/ChartBubbleIcon.js +1 -1
- package/es/icons/ChartDonut2Icon.js +1 -1
- package/es/icons/ChartFunnelIcon.js +1 -1
- package/es/icons/ChartHeatmapIcon.js +1 -1
- package/es/icons/ChartKPIIcon.js +1 -1
- package/es/icons/ChartPie2Icon.js +1 -1
- package/es/icons/ChartScatterIcon.js +1 -1
- package/es/icons/CheckCircleFilledIcon.js +1 -1
- package/es/icons/CheckCircleIcon.js +1 -1
- package/es/icons/CheckIcon.js +1 -1
- package/es/icons/CircleFilledIcon.js +1 -1
- package/es/icons/ClearIcon.js +1 -1
- package/es/icons/CloseCircleFilledIcon.js +1 -1
- package/es/icons/CloseCircleIcon.js +1 -1
- package/es/icons/CloseIcon.js +1 -1
- package/es/icons/CodeIcon.js +1 -1
- package/es/icons/ColumnTotalIcon.js +1 -1
- package/es/icons/CopyIcon.js +1 -1
- package/es/icons/CountIcon.js +1 -1
- package/es/icons/CubeIcon.js +1 -1
- package/es/icons/CubePauseIcon.js +1 -1
- package/es/icons/CubePlayIcon.js +1 -1
- package/es/icons/CurrencyDollarIcon.js +1 -1
- package/es/icons/DangerIcon.js +1 -1
- package/es/icons/DashboardIcon.js +1 -1
- package/es/icons/DatabaseIcon.js +1 -1
- package/es/icons/DecimalDecreaseIcon.js +1 -1
- package/es/icons/DecimalIncreaseIcon.js +1 -1
- package/es/icons/DirectionIcon.js +1 -1
- package/es/icons/DonutIcon.js +1 -1
- package/es/icons/DownIcon.js +1 -1
- package/es/icons/EditIcon.js +1 -1
- package/es/icons/ExclamationCircleFilledIcon.js +1 -1
- package/es/icons/ExclamationCircleIcon.js +1 -1
- package/es/icons/ExclamationIcon.js +1 -1
- package/es/icons/EyeIcon.js +1 -1
- package/es/icons/EyeInvisibleIcon.js +1 -1
- package/es/icons/FilterIcon.js +1 -1
- package/es/icons/FolderFilledIcon.js +1 -1
- package/es/icons/FolderIcon.js +1 -1
- package/es/icons/FolderOpenFilledIcon.js +1 -1
- package/es/icons/FolderOpenIcon.js +1 -1
- package/es/icons/ForwardIcon.js +1 -1
- package/es/icons/HierarchyIcon.js +1 -1
- package/es/icons/HierarchyOpenIcon.js +1 -1
- package/es/icons/Icon.js +1 -1
- package/es/icons/InfoCircleIcon.js +1 -1
- package/es/icons/InfoIcon.js +1 -1
- package/es/icons/KeyIcon.js +1 -1
- package/es/icons/LeftIcon.js +1 -1
- package/es/icons/LineChartIcon.js +1 -1
- package/es/icons/LoadingIcon.js +1 -1
- package/es/icons/LockFilledIcon.js +1 -1
- package/es/icons/LockIcon.js +1 -1
- package/es/icons/MoreIcon.js +1 -1
- package/es/icons/NotAllowedIcon.js +1 -1
- package/es/icons/Number123Icon.js +1 -1
- package/es/icons/NumberIcon.js +1 -1
- package/es/icons/PauseCircleFilledIcon.js +1 -1
- package/es/icons/PauseCircleIcon.js +1 -1
- package/es/icons/PauseIcon.js +1 -1
- package/es/icons/PercentageIcon.js +1 -1
- package/es/icons/PieChartIcon.js +1 -1
- package/es/icons/PlayCircleIcon.js +1 -1
- package/es/icons/PlayIcon.js +1 -1
- package/es/icons/PlusIcon.js +1 -1
- package/es/icons/ProgressBarIcon.js +1 -1
- package/es/icons/ReloadIcon.js +1 -1
- package/es/icons/ReportIcon.js +1 -1
- package/es/icons/ReturnIcon.js +1 -1
- package/es/icons/RightIcon.js +1 -1
- package/es/icons/RowTotalsIcon.js +1 -1
- package/es/icons/SchemeIcon.js +1 -1
- package/es/icons/SearchIcon.js +1 -1
- package/es/icons/SemanticQueryIcon.js +1 -1
- package/es/icons/SettingsIcon.js +1 -1
- package/es/icons/ShieldFilledIcon.js +1 -1
- package/es/icons/ShieldIcon.js +1 -1
- package/es/icons/SlashIcon.js +1 -1
- package/es/icons/SparklesIcon.js +1 -1
- package/es/icons/SqlIcon.js +1 -1
- package/es/icons/StatsIcon.js +1 -1
- package/es/icons/StopIcon.js +1 -1
- package/es/icons/StringIcon.js +1 -1
- package/es/icons/SubtotalsIcon.js +1 -1
- package/es/icons/SwitchIcon.js +1 -1
- package/es/icons/TableIcon.js +1 -1
- package/es/icons/ThumbsDownIcon.js +1 -1
- package/es/icons/ThumbsUpIcon.js +1 -1
- package/es/icons/ThunderboltCrossedIcon.js +1 -1
- package/es/icons/ThunderboltFilledIcon.js +1 -1
- package/es/icons/ThunderboltIcon.js +1 -1
- package/es/icons/TimeIcon.js +1 -1
- package/es/icons/TrashIcon.js +1 -1
- package/es/icons/UnlockIcon.js +1 -1
- package/es/icons/UpIcon.js +1 -1
- package/es/icons/UserGroupIcon.js +1 -1
- package/es/icons/UserIcon.js +1 -1
- package/es/icons/UserLockIcon.js +1 -1
- package/es/icons/ViewIcon.js +1 -1
- package/es/icons/WarningFilledIcon.js +1 -1
- package/es/icons/WarningIcon.js +1 -1
- package/es/icons/index.js +1 -1
- package/es/icons/wrap-icon.js +1 -1
- package/es/index.js +2 -4
- package/es/provider.js +1 -1
- package/es/providers/TrackingProvider.js +1 -1
- package/es/providers/navigation.types.js +1 -1
- package/es/providers/navigationAdapter.default.js +1 -1
- package/es/shared/form.js +1 -1
- package/es/shared/index.js +1 -1
- package/es/stories/Form.legacy-stories.js +1 -1
- package/es/stories/FormFieldArgs.js +1 -1
- package/es/stories/SimpleLayout.stories.js +1 -1
- package/es/stories/Tasty.stories.js +1 -1
- package/es/stories/components/ConfirmDeletionDialogForm.js +1 -1
- package/es/stories/components/DialogFormApp.js +1 -1
- package/es/stories/components/StyledButton.js +1 -1
- package/es/stories/lists/baseProps.js +1 -1
- package/es/stories/playground/PlaygroundEditor.js +1 -1
- package/es/stories/playground/PlaygroundLayout.js +1 -1
- package/es/stories/playground/PlaygroundOutput.js +1 -1
- package/es/stories/playground/PlaygroundPreview.js +1 -1
- package/es/stories/playground/components/Button.js +1 -1
- package/es/stories/playground/components/Card.js +1 -1
- package/es/stories/playground/components/ScrollProgress.js +1 -1
- package/es/stories/playground/examples.js +1 -1
- package/es/tasty/chunks/cacheKey.js +1 -1
- package/es/tasty/chunks/definitions.js +1 -1
- package/es/tasty/chunks/index.js +1 -1
- package/es/tasty/chunks/renderChunk.js +1 -1
- package/es/tasty/config.js +1 -1
- package/es/tasty/debug.js +1 -1
- package/es/tasty/hooks/index.js +1 -1
- package/es/tasty/hooks/useGlobalStyles.js +1 -1
- package/es/tasty/hooks/useKeyframes.js +1 -1
- package/es/tasty/hooks/useProperty.js +1 -1
- package/es/tasty/hooks/useRawCSS.js +1 -1
- package/es/tasty/hooks/useStyles.js +1 -1
- package/es/tasty/index.js +1 -3
- package/es/tasty/injector/index.js +1 -1
- package/es/tasty/injector/injector.js +1 -1
- package/es/tasty/injector/sheet-manager.js +1 -1
- package/es/tasty/injector/types.js +1 -1
- package/es/tasty/keyframes/index.js +1 -1
- package/es/tasty/parser/classify.js +1 -1
- package/es/tasty/parser/const.js +1 -1
- package/es/tasty/parser/lru.js +1 -1
- package/es/tasty/parser/parser.js +1 -1
- package/es/tasty/parser/tokenizer.js +1 -1
- package/es/tasty/parser/types.js +1 -1
- package/es/tasty/pipeline/conditions.js +1 -1
- package/es/tasty/pipeline/exclusive.js +1 -1
- package/es/tasty/pipeline/index.js +1 -1
- package/es/tasty/pipeline/materialize.js +1 -1
- package/es/tasty/pipeline/parseStateKey.js +1 -1
- package/es/tasty/pipeline/simplify.js +1 -1
- package/es/tasty/plugins/index.js +1 -1
- package/es/tasty/plugins/okhsl-plugin.js +1 -1
- package/es/tasty/plugins/types.js +1 -1
- package/es/tasty/properties/index.js +1 -1
- package/es/tasty/states/index.js +1 -1
- package/es/tasty/static/index.js +1 -1
- package/es/tasty/static/tastyStatic.js +1 -1
- package/es/tasty/static/types.js +1 -1
- package/es/tasty/styles/align.js +1 -1
- package/es/tasty/styles/border.js +1 -1
- package/es/tasty/styles/boxShadow.combinator.js +1 -1
- package/es/tasty/styles/color.js +1 -1
- package/es/tasty/styles/createStyle.js +1 -1
- package/es/tasty/styles/dimension.js +1 -1
- package/es/tasty/styles/display.js +1 -1
- package/es/tasty/styles/fade.js +1 -1
- package/es/tasty/styles/fill.js +1 -1
- package/es/tasty/styles/flow.js +1 -1
- package/es/tasty/styles/gap.js +1 -1
- package/es/tasty/styles/height.js +1 -1
- package/es/tasty/styles/index.js +1 -1
- package/es/tasty/styles/inset.js +1 -1
- package/es/tasty/styles/justify.js +1 -1
- package/es/tasty/styles/list.js +1 -1
- package/es/tasty/styles/margin.js +1 -1
- package/es/tasty/styles/outline.js +1 -1
- package/es/tasty/styles/padding.js +1 -1
- package/es/tasty/styles/place.js +1 -1
- package/es/tasty/styles/predefined.js +1 -1
- package/es/tasty/styles/preset.js +1 -1
- package/es/tasty/styles/radius.js +1 -1
- package/es/tasty/styles/reset.js +1 -1
- package/es/tasty/styles/scrollbar.js +1 -1
- package/es/tasty/styles/shadow.js +1 -1
- package/es/tasty/styles/styledScrollbar.js +1 -1
- package/es/tasty/styles/transition.js +1 -1
- package/es/tasty/styles/types.js +1 -1
- package/es/tasty/styles/width.js +1 -1
- package/es/tasty/tasty.js +1 -1
- package/es/tasty/types.js +1 -1
- package/es/tasty/utils/cache-wrapper.js +1 -1
- package/es/tasty/utils/case-converter.js +1 -1
- package/es/tasty/utils/colors.js +1 -1
- package/es/tasty/utils/dotize.js +1 -1
- package/es/tasty/utils/filter-base-props.js +1 -1
- package/es/tasty/utils/get-display-name.js +1 -1
- package/es/tasty/utils/hsl-to-rgb.js +1 -1
- package/es/tasty/utils/is-dev-env.js +1 -1
- package/es/tasty/utils/merge-styles.js +1 -1
- package/es/tasty/utils/mod-attrs.js +1 -1
- package/es/tasty/utils/okhsl-to-rgb.js +1 -1
- package/es/tasty/utils/process-tokens.js +1 -1
- package/es/tasty/utils/resolve-recipes.js +1 -1
- package/es/tasty/utils/rgb-to-okhsl.js +1 -1
- package/es/tasty/utils/string.js +1 -1
- package/es/tasty/utils/styles.js +1 -1
- package/es/tasty/utils/typography.js +1 -1
- package/es/tasty/utils/warnings.js +1 -1
- package/es/tasty/zero/babel.js +1 -1
- package/es/tasty/zero/css-writer.js +1 -1
- package/es/tasty/zero/extractor.js +1 -1
- package/es/tasty/zero/index.js +1 -1
- package/es/tasty/zero/next.js +1 -1
- package/es/tokens/base.js +1 -1
- package/es/tokens/colors.js +1 -1
- package/es/tokens/index.js +1 -1
- package/es/tokens/layout.js +1 -1
- package/es/tokens/shadows.js +1 -1
- package/es/tokens/sizes.js +1 -1
- package/es/tokens/spacing.js +1 -1
- package/es/tokens/typography.js +1 -1
- package/es/utils/ResizeSensor.js +1 -1
- package/es/utils/index.js +1 -1
- package/es/utils/modules.js +1 -1
- package/es/utils/promise.js +1 -1
- package/es/utils/raf.js +1 -1
- package/es/utils/random.js +1 -1
- package/es/utils/range.js +1 -1
- package/es/utils/react/RenderCache.js +1 -1
- package/es/utils/react/Slots.js +1 -1
- package/es/utils/react/chain.js +1 -1
- package/es/utils/react/forwardRefWithGenerics.js +1 -1
- package/es/utils/react/index.js +1 -1
- package/es/utils/react/interactions.js +1 -1
- package/es/utils/react/isTextOnly.js +1 -1
- package/es/utils/react/mapProps.js +1 -1
- package/es/utils/react/mergeProps.js +1 -1
- package/es/utils/react/nullableValue.js +1 -1
- package/es/utils/react/resolveIcon.js +1 -1
- package/es/utils/react/sharedStore.js +1 -1
- package/es/utils/react/useCombinedRefs.js +1 -1
- package/es/utils/react/useControlledFocusVisible.js +1 -1
- package/es/utils/react/useEventBus.js +1 -1
- package/es/utils/react/useId.js +1 -1
- package/es/utils/react/useIsDarwin.js +1 -1
- package/es/utils/react/useKeySymbols.js +1 -1
- package/es/utils/react/useLayoutEffect.js +1 -1
- package/es/utils/react/useLocalStorage.js +1 -1
- package/es/utils/react/useMergeStyles.js +1 -1
- package/es/utils/react/useQaProps.js +1 -1
- package/es/utils/react/useViewportSize.js +1 -1
- package/es/utils/react/wrapNodeIfPlain.js +1 -1
- package/es/utils/tree.js +1 -1
- package/es/utils/warnings.js +1 -1
- package/es/version.js +2 -2
- package/package.json +1 -1
- package/types/components/overlays/Notifications/Notification.d.ts +33 -0
- package/types/components/overlays/Notifications/NotificationAction.d.ts +27 -0
- package/types/components/overlays/Notifications/NotificationCard.d.ts +37 -0
- package/types/components/overlays/Notifications/NotificationContext.d.ts +16 -0
- package/types/components/overlays/Notifications/NotificationItem.d.ts +7 -0
- package/types/components/overlays/Notifications/OverlayContainer.d.ts +12 -0
- package/types/components/overlays/Notifications/OverlayProvider.d.ts +3 -0
- package/types/components/overlays/Notifications/PersistentNotificationsList.d.ts +18 -0
- package/types/components/overlays/Notifications/format-relative-time.d.ts +14 -0
- package/types/components/overlays/Notifications/index.d.ts +40 -0
- package/types/components/overlays/Notifications/types.d.ts +147 -0
- package/types/components/overlays/Notifications/use-notification-state.d.ts +20 -0
- package/types/components/overlays/Notifications/use-notifications.d.ts +36 -0
- package/types/components/overlays/Notifications/use-overlay-timers.d.ts +26 -0
- package/types/components/overlays/Notifications/use-persistent-notifications.d.ts +48 -0
- package/types/components/overlays/Notifications/use-persistent-state.d.ts +11 -0
- package/types/components/overlays/Notifications/use-toast-state.d.ts +16 -0
- package/types/components/overlays/Toast/ToastItem.d.ts +3 -1
- package/types/components/overlays/Toast/ToastProvider.d.ts +5 -8
- package/types/components/overlays/Toast/index.d.ts +1 -1
- package/types/components/overlays/Toast/types.d.ts +3 -1
- package/types/index.d.ts +1 -3
- package/types/tasty/index.d.ts +0 -2
- package/es/components/overlays/NewNotifications/Bar/FloatingNotification.js +0 -54
- package/es/components/overlays/NewNotifications/Bar/NotificationsBar.js +0 -95
- package/es/components/overlays/NewNotifications/Bar/TransitionComponent.js +0 -56
- package/es/components/overlays/NewNotifications/Bar/index.js +0 -10
- package/es/components/overlays/NewNotifications/Dialog/NotificationsDialogContext.js +0 -19
- package/es/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js +0 -38
- package/es/components/overlays/NewNotifications/Dialog/index.js +0 -10
- package/es/components/overlays/NewNotifications/Notification.js +0 -41
- package/es/components/overlays/NewNotifications/NotificationView/NotificationAction.js +0 -41
- package/es/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js +0 -25
- package/es/components/overlays/NewNotifications/NotificationView/NotificationDescription.js +0 -36
- package/es/components/overlays/NewNotifications/NotificationView/NotificationFooter.js +0 -60
- package/es/components/overlays/NewNotifications/NotificationView/NotificationHeader.js +0 -31
- package/es/components/overlays/NewNotifications/NotificationView/NotificationIcon.js +0 -69
- package/es/components/overlays/NewNotifications/NotificationView/NotificationProvider.js +0 -25
- package/es/components/overlays/NewNotifications/NotificationView/NotificationView.js +0 -86
- package/es/components/overlays/NewNotifications/NotificationView/index.js +0 -11
- package/es/components/overlays/NewNotifications/NotificationView/types.js +0 -10
- package/es/components/overlays/NewNotifications/NotificationsContext/NotificationsContext.js +0 -11
- package/es/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js +0 -21
- package/es/components/overlays/NewNotifications/NotificationsContext/index.js +0 -11
- package/es/components/overlays/NewNotifications/NotificationsContext/use-notifications.js +0 -91
- package/es/components/overlays/NewNotifications/NotificationsList/NotificationsList.js +0 -45
- package/es/components/overlays/NewNotifications/NotificationsList/NotificationsListItem.js +0 -29
- package/es/components/overlays/NewNotifications/NotificationsList/index.js +0 -10
- package/es/components/overlays/NewNotifications/hooks/index.js +0 -14
- package/es/components/overlays/NewNotifications/hooks/types.js +0 -10
- package/es/components/overlays/NewNotifications/hooks/use-notification-list-item.js +0 -15
- package/es/components/overlays/NewNotifications/hooks/use-notifications-api.js +0 -17
- package/es/components/overlays/NewNotifications/hooks/use-notifications-list.js +0 -29
- package/es/components/overlays/NewNotifications/hooks/use-notifications-observer.js +0 -17
- package/es/components/overlays/NewNotifications/index.js +0 -15
- package/es/components/overlays/NewNotifications/types.js +0 -10
- package/es/components/overlays/Notification/Notification.js +0 -80
- package/es/services/notification.js +0 -71
- package/es/tasty/glaze/contrast-solver.js +0 -235
- package/es/tasty/glaze/glaze.js +0 -557
- package/es/tasty/glaze/index.js +0 -22
- package/es/tasty/glaze/okhsl-color-math.js +0 -300
- package/es/tasty/glaze/types.js +0 -13
- package/types/components/overlays/NewNotifications/Bar/FloatingNotification.d.ts +0 -15
- package/types/components/overlays/NewNotifications/Bar/NotificationsBar.d.ts +0 -21
- package/types/components/overlays/NewNotifications/Bar/TransitionComponent.d.ts +0 -4
- package/types/components/overlays/NewNotifications/Bar/index.d.ts +0 -1
- package/types/components/overlays/NewNotifications/Dialog/NotificationsDialogContext.d.ts +0 -9
- package/types/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.d.ts +0 -11
- package/types/components/overlays/NewNotifications/Dialog/index.d.ts +0 -1
- package/types/components/overlays/NewNotifications/Notification.d.ts +0 -18
- package/types/components/overlays/NewNotifications/NotificationView/NotificationAction.d.ts +0 -13
- package/types/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.d.ts +0 -4
- package/types/components/overlays/NewNotifications/NotificationView/NotificationDescription.d.ts +0 -9
- package/types/components/overlays/NewNotifications/NotificationView/NotificationFooter.d.ts +0 -13
- package/types/components/overlays/NewNotifications/NotificationView/NotificationHeader.d.ts +0 -9
- package/types/components/overlays/NewNotifications/NotificationView/NotificationIcon.d.ts +0 -9
- package/types/components/overlays/NewNotifications/NotificationView/NotificationProvider.d.ts +0 -10
- package/types/components/overlays/NewNotifications/NotificationView/NotificationView.d.ts +0 -10
- package/types/components/overlays/NewNotifications/NotificationView/index.d.ts +0 -2
- package/types/components/overlays/NewNotifications/NotificationView/types.d.ts +0 -16
- package/types/components/overlays/NewNotifications/NotificationsContext/NotificationsContext.d.ts +0 -5
- package/types/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.d.ts +0 -4
- package/types/components/overlays/NewNotifications/NotificationsContext/index.d.ts +0 -2
- package/types/components/overlays/NewNotifications/NotificationsContext/use-notifications.d.ts +0 -8
- package/types/components/overlays/NewNotifications/NotificationsList/NotificationsList.d.ts +0 -21
- package/types/components/overlays/NewNotifications/NotificationsList/NotificationsListItem.d.ts +0 -5
- package/types/components/overlays/NewNotifications/NotificationsList/index.d.ts +0 -2
- package/types/components/overlays/NewNotifications/NotificationsList/types.d.ts +0 -22
- package/types/components/overlays/NewNotifications/hooks/index.d.ts +0 -5
- package/types/components/overlays/NewNotifications/hooks/types.d.ts +0 -10
- package/types/components/overlays/NewNotifications/hooks/use-notification-list-item.d.ts +0 -9
- package/types/components/overlays/NewNotifications/hooks/use-notifications-api.d.ts +0 -1
- package/types/components/overlays/NewNotifications/hooks/use-notifications-list.d.ts +0 -12
- package/types/components/overlays/NewNotifications/hooks/use-notifications-observer.d.ts +0 -2
- package/types/components/overlays/NewNotifications/index.d.ts +0 -8
- package/types/components/overlays/NewNotifications/types.d.ts +0 -76
- package/types/components/overlays/Notification/Notification.d.ts +0 -6
- package/types/services/notification.d.ts +0 -28
- package/types/tasty/glaze/contrast-solver.d.ts +0 -45
- package/types/tasty/glaze/glaze.d.ts +0 -38
- package/types/tasty/glaze/index.d.ts +0 -13
- package/types/tasty/glaze/okhsl-color-math.d.ts +0 -33
- package/types/tasty/glaze/types.d.ts +0 -117
|
@@ -1,300 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license MIT
|
|
3
|
-
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-e2a9f35
|
|
5
|
-
* Released under the MIT license.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* OKHSL color math primitives for the glaze theme generator.
|
|
10
|
-
*
|
|
11
|
-
* Provides OKHSL → linear sRGB conversion (skipping gamma encoding)
|
|
12
|
-
* and relative luminance computation for WCAG 2 contrast calculations.
|
|
13
|
-
*
|
|
14
|
-
* The math is the same as in `../utils/okhsl-to-rgb.ts` but stops at
|
|
15
|
-
* linear sRGB so the contrast solver can compute luminance directly
|
|
16
|
-
* without unnecessary gamma round-trips.
|
|
17
|
-
*/
|
|
18
|
-
// ============================================================================
|
|
19
|
-
// Matrices (from texel-color / Björn Ottosson's reference)
|
|
20
|
-
// ============================================================================
|
|
21
|
-
const OKLab_to_LMS_M = [
|
|
22
|
-
[1.0, 0.3963377773761749, 0.2158037573099136],
|
|
23
|
-
[1.0, -0.1055613458156586, -0.0638541728258133],
|
|
24
|
-
[1.0, -0.0894841775298119, -1.2914855480194092],
|
|
25
|
-
];
|
|
26
|
-
const LMS_to_linear_sRGB_M = [
|
|
27
|
-
[4.076741636075959, -3.307711539258062, 0.2309699031821041],
|
|
28
|
-
[-1.2684379732850313, 2.6097573492876878, -0.3413193760026569],
|
|
29
|
-
[-0.004196076138675526, -0.703418617935936, 1.7076146940746113],
|
|
30
|
-
];
|
|
31
|
-
const OKLab_to_linear_sRGB_coefficients = [
|
|
32
|
-
[
|
|
33
|
-
[-1.8817030993265873, -0.8093650129914302],
|
|
34
|
-
[1.19086277, 1.76576728, 0.59662641, 0.75515197, 0.56771245],
|
|
35
|
-
],
|
|
36
|
-
[
|
|
37
|
-
[1.8144407988010998, -1.194452667805235],
|
|
38
|
-
[0.73956515, -0.45954404, 0.08285427, 0.12541073, -0.14503204],
|
|
39
|
-
],
|
|
40
|
-
[
|
|
41
|
-
[0.13110757611180954, 1.813339709266608],
|
|
42
|
-
[1.35733652, -0.00915799, -1.1513021, -0.50559606, 0.00692167],
|
|
43
|
-
],
|
|
44
|
-
];
|
|
45
|
-
// ============================================================================
|
|
46
|
-
// Constants
|
|
47
|
-
// ============================================================================
|
|
48
|
-
const TAU = 2 * Math.PI;
|
|
49
|
-
const K1 = 0.206;
|
|
50
|
-
const K2 = 0.03;
|
|
51
|
-
const K3 = (1.0 + K1) / (1.0 + K2);
|
|
52
|
-
// ============================================================================
|
|
53
|
-
// Helpers
|
|
54
|
-
// ============================================================================
|
|
55
|
-
const constrainAngle = (angle) => ((angle % 360) + 360) % 360;
|
|
56
|
-
const toeInv = (x) => (x ** 2 + K1 * x) / (K3 * (x + K2));
|
|
57
|
-
const dot3 = (a, b) => a[0] * b[0] + a[1] * b[1] + a[2] * b[2];
|
|
58
|
-
const dotXY = (a, b) => a[0] * b[0] + a[1] * b[1];
|
|
59
|
-
const transform = (input, matrix) => [
|
|
60
|
-
dot3(input, matrix[0]),
|
|
61
|
-
dot3(input, matrix[1]),
|
|
62
|
-
dot3(input, matrix[2]),
|
|
63
|
-
];
|
|
64
|
-
const cubed3 = (lms) => [lms[0] ** 3, lms[1] ** 3, lms[2] ** 3];
|
|
65
|
-
// ============================================================================
|
|
66
|
-
// Internal OKHSL pipeline
|
|
67
|
-
// ============================================================================
|
|
68
|
-
const OKLabToLinearSRGB = (lab) => {
|
|
69
|
-
const lms = transform(lab, OKLab_to_LMS_M);
|
|
70
|
-
return transform(cubed3(lms), LMS_to_linear_sRGB_M);
|
|
71
|
-
};
|
|
72
|
-
const computeMaxSaturationOKLC = (a, b) => {
|
|
73
|
-
const okCoeff = OKLab_to_linear_sRGB_coefficients;
|
|
74
|
-
const lmsToRgb = LMS_to_linear_sRGB_M;
|
|
75
|
-
const tmp2 = [a, b];
|
|
76
|
-
const tmp3 = [0, a, b];
|
|
77
|
-
let chnlCoeff;
|
|
78
|
-
let chnlLMS;
|
|
79
|
-
if (dotXY(okCoeff[0][0], tmp2) > 1) {
|
|
80
|
-
chnlCoeff = okCoeff[0][1];
|
|
81
|
-
chnlLMS = lmsToRgb[0];
|
|
82
|
-
}
|
|
83
|
-
else if (dotXY(okCoeff[1][0], tmp2) > 1) {
|
|
84
|
-
chnlCoeff = okCoeff[1][1];
|
|
85
|
-
chnlLMS = lmsToRgb[1];
|
|
86
|
-
}
|
|
87
|
-
else {
|
|
88
|
-
chnlCoeff = okCoeff[2][1];
|
|
89
|
-
chnlLMS = lmsToRgb[2];
|
|
90
|
-
}
|
|
91
|
-
const [k0, k1, k2, k3, k4] = chnlCoeff;
|
|
92
|
-
const [wl, wm, ws] = chnlLMS;
|
|
93
|
-
let sat = k0 + k1 * a + k2 * b + k3 * (a * a) + k4 * a * b;
|
|
94
|
-
const dotYZ = (mat, vec) => mat[1] * vec[1] + mat[2] * vec[2];
|
|
95
|
-
const kl = dotYZ(OKLab_to_LMS_M[0], tmp3);
|
|
96
|
-
const km = dotYZ(OKLab_to_LMS_M[1], tmp3);
|
|
97
|
-
const ks = dotYZ(OKLab_to_LMS_M[2], tmp3);
|
|
98
|
-
let l_ = 1.0 + sat * kl;
|
|
99
|
-
let m_ = 1.0 + sat * km;
|
|
100
|
-
let s_ = 1.0 + sat * ks;
|
|
101
|
-
const l = l_ ** 3;
|
|
102
|
-
const m = m_ ** 3;
|
|
103
|
-
const s = s_ ** 3;
|
|
104
|
-
const lds = 3.0 * kl * l_ * l_;
|
|
105
|
-
const mds = 3.0 * km * m_ * m_;
|
|
106
|
-
const sds = 3.0 * ks * s_ * s_;
|
|
107
|
-
const lds2 = 6.0 * kl * kl * l_;
|
|
108
|
-
const mds2 = 6.0 * km * km * m_;
|
|
109
|
-
const sds2 = 6.0 * ks * ks * s_;
|
|
110
|
-
const f = wl * l + wm * m + ws * s;
|
|
111
|
-
const f1 = wl * lds + wm * mds + ws * sds;
|
|
112
|
-
const f2 = wl * lds2 + wm * mds2 + ws * sds2;
|
|
113
|
-
sat = sat - (f * f1) / (f1 * f1 - 0.5 * f * f2);
|
|
114
|
-
return sat;
|
|
115
|
-
};
|
|
116
|
-
const findCuspOKLCH = (a, b) => {
|
|
117
|
-
const S_cusp = computeMaxSaturationOKLC(a, b);
|
|
118
|
-
const lab = [1, S_cusp * a, S_cusp * b];
|
|
119
|
-
const rgb_at_max = OKLabToLinearSRGB(lab);
|
|
120
|
-
const L_cusp = Math.cbrt(1 /
|
|
121
|
-
Math.max(Math.max(rgb_at_max[0], rgb_at_max[1]), Math.max(rgb_at_max[2], 0.0)));
|
|
122
|
-
return [L_cusp, L_cusp * S_cusp];
|
|
123
|
-
};
|
|
124
|
-
const findGamutIntersectionOKLCH = (a, b, l1, c1, l0, cusp) => {
|
|
125
|
-
const lmsToRgb = LMS_to_linear_sRGB_M;
|
|
126
|
-
const tmp3 = [0, a, b];
|
|
127
|
-
const floatMax = Number.MAX_VALUE;
|
|
128
|
-
let t;
|
|
129
|
-
const dotYZ = (mat, vec) => mat[1] * vec[1] + mat[2] * vec[2];
|
|
130
|
-
const dotXYZ = (vec, x, y, z) => vec[0] * x + vec[1] * y + vec[2] * z;
|
|
131
|
-
if ((l1 - l0) * cusp[1] - (cusp[0] - l0) * c1 <= 0.0) {
|
|
132
|
-
const denom = c1 * cusp[0] + cusp[1] * (l0 - l1);
|
|
133
|
-
t = denom === 0 ? 0 : (cusp[1] * l0) / denom;
|
|
134
|
-
}
|
|
135
|
-
else {
|
|
136
|
-
const denom = c1 * (cusp[0] - 1.0) + cusp[1] * (l0 - l1);
|
|
137
|
-
t = denom === 0 ? 0 : (cusp[1] * (l0 - 1.0)) / denom;
|
|
138
|
-
const dl = l1 - l0;
|
|
139
|
-
const dc = c1;
|
|
140
|
-
const kl = dotYZ(OKLab_to_LMS_M[0], tmp3);
|
|
141
|
-
const km = dotYZ(OKLab_to_LMS_M[1], tmp3);
|
|
142
|
-
const ks = dotYZ(OKLab_to_LMS_M[2], tmp3);
|
|
143
|
-
const L = l0 * (1.0 - t) + t * l1;
|
|
144
|
-
const C = t * c1;
|
|
145
|
-
const l_ = L + C * kl;
|
|
146
|
-
const m_ = L + C * km;
|
|
147
|
-
const s_ = L + C * ks;
|
|
148
|
-
const l = l_ ** 3;
|
|
149
|
-
const m = m_ ** 3;
|
|
150
|
-
const s = s_ ** 3;
|
|
151
|
-
const ldt = 3 * (dl + dc * kl) * l_ * l_;
|
|
152
|
-
const mdt = 3 * (dl + dc * km) * m_ * m_;
|
|
153
|
-
const sdt = 3 * (dl + dc * ks) * s_ * s_;
|
|
154
|
-
const ldt2 = 6 * (dl + dc * kl) ** 2 * l_;
|
|
155
|
-
const mdt2 = 6 * (dl + dc * km) ** 2 * m_;
|
|
156
|
-
const sdt2 = 6 * (dl + dc * ks) ** 2 * s_;
|
|
157
|
-
const r_ = dotXYZ(lmsToRgb[0], l, m, s) - 1;
|
|
158
|
-
const r1 = dotXYZ(lmsToRgb[0], ldt, mdt, sdt);
|
|
159
|
-
const r2 = dotXYZ(lmsToRgb[0], ldt2, mdt2, sdt2);
|
|
160
|
-
const ur = r1 / (r1 * r1 - 0.5 * r_ * r2);
|
|
161
|
-
let tr = -r_ * ur;
|
|
162
|
-
const g_ = dotXYZ(lmsToRgb[1], l, m, s) - 1;
|
|
163
|
-
const g1 = dotXYZ(lmsToRgb[1], ldt, mdt, sdt);
|
|
164
|
-
const g2 = dotXYZ(lmsToRgb[1], ldt2, mdt2, sdt2);
|
|
165
|
-
const ug = g1 / (g1 * g1 - 0.5 * g_ * g2);
|
|
166
|
-
let tg = -g_ * ug;
|
|
167
|
-
const b_ = dotXYZ(lmsToRgb[2], l, m, s) - 1;
|
|
168
|
-
const b1 = dotXYZ(lmsToRgb[2], ldt, mdt, sdt);
|
|
169
|
-
const b2 = dotXYZ(lmsToRgb[2], ldt2, mdt2, sdt2);
|
|
170
|
-
const ub = b1 / (b1 * b1 - 0.5 * b_ * b2);
|
|
171
|
-
let tb = -b_ * ub;
|
|
172
|
-
tr = ur >= 0.0 ? tr : floatMax;
|
|
173
|
-
tg = ug >= 0.0 ? tg : floatMax;
|
|
174
|
-
tb = ub >= 0.0 ? tb : floatMax;
|
|
175
|
-
t += Math.min(tr, Math.min(tg, tb));
|
|
176
|
-
}
|
|
177
|
-
return t;
|
|
178
|
-
};
|
|
179
|
-
const computeSt = (cusp) => [
|
|
180
|
-
cusp[1] / cusp[0],
|
|
181
|
-
cusp[1] / (1 - cusp[0]),
|
|
182
|
-
];
|
|
183
|
-
const computeStMid = (a, b) => [
|
|
184
|
-
0.11516993 +
|
|
185
|
-
1.0 /
|
|
186
|
-
(7.4477897 +
|
|
187
|
-
4.1590124 * b +
|
|
188
|
-
a *
|
|
189
|
-
(-2.19557347 +
|
|
190
|
-
1.75198401 * b +
|
|
191
|
-
a *
|
|
192
|
-
(-2.13704948 -
|
|
193
|
-
10.02301043 * b +
|
|
194
|
-
a * (-4.24894561 + 5.38770819 * b + 4.69891013 * a)))),
|
|
195
|
-
0.11239642 +
|
|
196
|
-
1.0 /
|
|
197
|
-
(1.6132032 -
|
|
198
|
-
0.68124379 * b +
|
|
199
|
-
a *
|
|
200
|
-
(0.40370612 +
|
|
201
|
-
0.90148123 * b +
|
|
202
|
-
a *
|
|
203
|
-
(-0.27087943 +
|
|
204
|
-
0.6122399 * b +
|
|
205
|
-
a * (0.00299215 - 0.45399568 * b - 0.14661872 * a)))),
|
|
206
|
-
];
|
|
207
|
-
const getCs = (L, a, b, cusp) => {
|
|
208
|
-
const cMax = findGamutIntersectionOKLCH(a, b, L, 1, L, cusp);
|
|
209
|
-
const stMax = computeSt(cusp);
|
|
210
|
-
const k = cMax / Math.min(L * stMax[0], (1 - L) * stMax[1]);
|
|
211
|
-
const stMid = computeStMid(a, b);
|
|
212
|
-
let ca = L * stMid[0];
|
|
213
|
-
let cb = (1.0 - L) * stMid[1];
|
|
214
|
-
const cMid = 0.9 * k * Math.sqrt(Math.sqrt(1.0 / (1.0 / ca ** 4 + 1.0 / cb ** 4)));
|
|
215
|
-
ca = L * 0.4;
|
|
216
|
-
cb = (1.0 - L) * 0.8;
|
|
217
|
-
const c0 = Math.sqrt(1.0 / (1.0 / ca ** 2 + 1.0 / cb ** 2));
|
|
218
|
-
return [c0, cMid, cMax];
|
|
219
|
-
};
|
|
220
|
-
// ============================================================================
|
|
221
|
-
// Public API
|
|
222
|
-
// ============================================================================
|
|
223
|
-
/**
|
|
224
|
-
* Convert OKHSL (h: 0–360, s: 0–1, l: 0–1) to linear sRGB.
|
|
225
|
-
* Channels may exceed [0, 1] near gamut boundaries — caller must clamp if needed.
|
|
226
|
-
*/
|
|
227
|
-
export function okhslToLinearSrgb(h, s, l) {
|
|
228
|
-
let L = toeInv(l);
|
|
229
|
-
let a = 0;
|
|
230
|
-
let b = 0;
|
|
231
|
-
const hNorm = constrainAngle(h) / 360.0;
|
|
232
|
-
if (L !== 0.0 && L !== 1.0 && s !== 0) {
|
|
233
|
-
const a_ = Math.cos(TAU * hNorm);
|
|
234
|
-
const b_ = Math.sin(TAU * hNorm);
|
|
235
|
-
const cusp = findCuspOKLCH(a_, b_);
|
|
236
|
-
const Cs = getCs(L, a_, b_, cusp);
|
|
237
|
-
const [c0, cMid, cMax] = Cs;
|
|
238
|
-
const mid = 0.8;
|
|
239
|
-
const midInv = 1.25;
|
|
240
|
-
let t, k0, k1, k2;
|
|
241
|
-
if (s < mid) {
|
|
242
|
-
t = midInv * s;
|
|
243
|
-
k0 = 0.0;
|
|
244
|
-
k1 = mid * c0;
|
|
245
|
-
k2 = 1.0 - k1 / cMid;
|
|
246
|
-
}
|
|
247
|
-
else {
|
|
248
|
-
t = 5 * (s - 0.8);
|
|
249
|
-
k0 = cMid;
|
|
250
|
-
k1 = (0.2 * cMid ** 2 * 1.25 ** 2) / c0;
|
|
251
|
-
k2 = 1.0 - k1 / (cMax - cMid);
|
|
252
|
-
}
|
|
253
|
-
const c = k0 + (t * k1) / (1.0 - k2 * t);
|
|
254
|
-
a = c * a_;
|
|
255
|
-
b = c * b_;
|
|
256
|
-
}
|
|
257
|
-
return OKLabToLinearSRGB([L, a, b]);
|
|
258
|
-
}
|
|
259
|
-
/**
|
|
260
|
-
* Compute relative luminance Y from linear sRGB channels.
|
|
261
|
-
* Per WCAG 2: Y = 0.2126·R + 0.7152·G + 0.0722·B
|
|
262
|
-
*/
|
|
263
|
-
export function relativeLuminanceFromLinearRgb(rgb) {
|
|
264
|
-
return 0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2];
|
|
265
|
-
}
|
|
266
|
-
/**
|
|
267
|
-
* WCAG 2 contrast ratio from two luminance values.
|
|
268
|
-
*/
|
|
269
|
-
export function contrastRatioFromLuminance(yA, yB) {
|
|
270
|
-
const lighter = Math.max(yA, yB);
|
|
271
|
-
const darker = Math.min(yA, yB);
|
|
272
|
-
return (lighter + 0.05) / (darker + 0.05);
|
|
273
|
-
}
|
|
274
|
-
const sRGBLinearToGamma = (val) => {
|
|
275
|
-
const sign = val < 0 ? -1 : 1;
|
|
276
|
-
const abs = Math.abs(val);
|
|
277
|
-
return abs > 0.0031308
|
|
278
|
-
? sign * (1.055 * Math.pow(abs, 1 / 2.4) - 0.055)
|
|
279
|
-
: 12.92 * val;
|
|
280
|
-
};
|
|
281
|
-
/**
|
|
282
|
-
* Convert OKHSL to gamma-encoded sRGB (clamped to 0–1).
|
|
283
|
-
*/
|
|
284
|
-
export function okhslToSrgb(h, s, l) {
|
|
285
|
-
const lin = okhslToLinearSrgb(h, s, l);
|
|
286
|
-
return [
|
|
287
|
-
Math.max(0, Math.min(1, sRGBLinearToGamma(lin[0]))),
|
|
288
|
-
Math.max(0, Math.min(1, sRGBLinearToGamma(lin[1]))),
|
|
289
|
-
Math.max(0, Math.min(1, sRGBLinearToGamma(lin[2]))),
|
|
290
|
-
];
|
|
291
|
-
}
|
|
292
|
-
/**
|
|
293
|
-
* Format OKHSL values as a CSS `okhsl(H S% L%)` string.
|
|
294
|
-
* h: 0–360, s: 0–100, l: 0–100 (percentage scale for s and l).
|
|
295
|
-
*/
|
|
296
|
-
export function formatOkhsl(h, s, l) {
|
|
297
|
-
return `okhsl(${h.toFixed(1)} ${s.toFixed(1)}% ${l.toFixed(1)}%)`;
|
|
298
|
-
}
|
|
299
|
-
|
|
300
|
-
|
package/es/tasty/glaze/types.js
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { Key } from 'react';
|
|
2
|
-
import { NotificationItemNode, NotificationsListState } from '../hooks';
|
|
3
|
-
import { CubeNotifyApiPropsWithID } from '../types';
|
|
4
|
-
export type FloatingNotificationProps = {
|
|
5
|
-
id: Key;
|
|
6
|
-
isDisabledTimer: boolean;
|
|
7
|
-
onRemoveNotification: (id: Key) => void;
|
|
8
|
-
onDismissNotification: (id: Key) => void;
|
|
9
|
-
item: NotificationItemNode<CubeNotifyApiPropsWithID>;
|
|
10
|
-
state: NotificationsListState<CubeNotifyApiPropsWithID>;
|
|
11
|
-
};
|
|
12
|
-
/**
|
|
13
|
-
* @internal This component is unstable and must not be used outside of `NotificationsBar`.
|
|
14
|
-
*/
|
|
15
|
-
export declare const FloatingNotification: import("react").NamedExoticComponent<FloatingNotificationProps>;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { Key } from 'react';
|
|
2
|
-
import { CollectionChildren } from '../hooks';
|
|
3
|
-
import { CubeNotifyApiPropsWithID } from '../types';
|
|
4
|
-
export type NotificationsBarProps = {
|
|
5
|
-
items: Iterable<CubeNotifyApiPropsWithID>;
|
|
6
|
-
children: CollectionChildren<CubeNotifyApiPropsWithID>;
|
|
7
|
-
onRemoveNotification: (id: Key) => void;
|
|
8
|
-
onDismissNotification: (id: Key) => void;
|
|
9
|
-
/**
|
|
10
|
-
* Defines the amount of notifications that can be displayed at once.
|
|
11
|
-
* @default 5
|
|
12
|
-
*/
|
|
13
|
-
limit?: number;
|
|
14
|
-
};
|
|
15
|
-
/**
|
|
16
|
-
* @internal Do not use it
|
|
17
|
-
*/
|
|
18
|
-
export declare function NotificationsBar(props: NotificationsBarProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
-
export declare namespace NotificationsBar {
|
|
20
|
-
var Item: (props: CubeNotifyApiPropsWithID) => null;
|
|
21
|
-
}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { PropsWithChildren } from 'react';
|
|
2
|
-
import type { TransitionProps } from 'react-transition-group/Transition';
|
|
3
|
-
export type TransitionComponentProps = PropsWithChildren<Partial<TransitionProps>>;
|
|
4
|
-
export declare function TransitionComponent(props: TransitionComponentProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './NotificationsBar';
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export interface NotificationsDialogContextValue {
|
|
3
|
-
insideNotificationsDialog: boolean;
|
|
4
|
-
}
|
|
5
|
-
export declare const NotificationsDialogContext: import("react").Context<NotificationsDialogContextValue | null>;
|
|
6
|
-
export declare function NotificationsDialogProvider({ children, }: {
|
|
7
|
-
children: ReactNode;
|
|
8
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export declare function useNotificationsDialogContext(): boolean;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { CubeDialogProps, CubeDialogTriggerProps } from '../../Dialog';
|
|
3
|
-
import { CubeNotifyApiPropsWithID } from '../types';
|
|
4
|
-
export type NotificationsDialogTriggerProps = Omit<CubeDialogTriggerProps, 'type'> & {
|
|
5
|
-
onCloseNotificationInBar?: (props: CubeNotifyApiPropsWithID) => void;
|
|
6
|
-
};
|
|
7
|
-
export declare function NotificationsDialogTrigger(props: NotificationsDialogTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export type NotificationsDialogProps = {
|
|
9
|
-
title?: ReactNode;
|
|
10
|
-
} & CubeDialogProps;
|
|
11
|
-
export declare function NotificationsDialog(props: NotificationsDialogProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './NotificationsDialogTrigger';
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { CubeNotifyApiProps } from './types';
|
|
2
|
-
export type NotificationProps = {
|
|
3
|
-
/**
|
|
4
|
-
* If set to true, when the component gets unmounted, notifications will not be removed from the bar
|
|
5
|
-
*
|
|
6
|
-
* @default false
|
|
7
|
-
*/
|
|
8
|
-
disableRemoveOnUnmount?: boolean;
|
|
9
|
-
} & CubeNotifyApiProps;
|
|
10
|
-
/**
|
|
11
|
-
* Declarative wrap over the `useNotificationsApi` hook
|
|
12
|
-
*/
|
|
13
|
-
export declare function Notification(props: NotificationProps): null;
|
|
14
|
-
export declare namespace Notification {
|
|
15
|
-
var Success: (props: NotificationProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
var Danger: (props: NotificationProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
-
var Attention: (props: NotificationProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { PropsWithChildren } from 'react';
|
|
2
|
-
import { CubeButtonProps } from '../../../actions';
|
|
3
|
-
export type NotificationActionProps = PropsWithChildren<{
|
|
4
|
-
type?: 'primary' | 'secondary';
|
|
5
|
-
/**
|
|
6
|
-
* @default false
|
|
7
|
-
*/
|
|
8
|
-
disableCloseOnAction?: boolean;
|
|
9
|
-
}> & Omit<CubeButtonProps, 'type' | 'size' | 'mods'>;
|
|
10
|
-
/**
|
|
11
|
-
* @internal This component is unstable and must not be used outside of `NotificationView`.
|
|
12
|
-
*/
|
|
13
|
-
export declare function NotificationAction(props: NotificationActionProps): import("react/jsx-runtime").JSX.Element;
|
package/types/components/overlays/NewNotifications/NotificationView/NotificationDescription.d.ts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'react';
|
|
2
|
-
import { NotificationProps } from './types';
|
|
3
|
-
export type NotificationDescriptionProps = {
|
|
4
|
-
description: NotificationProps['description'];
|
|
5
|
-
} & HTMLAttributes<HTMLElement>;
|
|
6
|
-
/**
|
|
7
|
-
* @internal This component is unstable and must not be used outside of `NotificationView`.
|
|
8
|
-
*/
|
|
9
|
-
export declare const NotificationDescription: import("react").NamedExoticComponent<NotificationDescriptionProps>;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { CubeNotificationProps } from '../types';
|
|
3
|
-
interface NotificationFooterProps {
|
|
4
|
-
hasDescription: boolean;
|
|
5
|
-
actions: CubeNotificationProps['actions'];
|
|
6
|
-
onClose: () => void;
|
|
7
|
-
onDismiss: () => void;
|
|
8
|
-
}
|
|
9
|
-
/**
|
|
10
|
-
* @internal This component is unstable and must not be used outside of `NotificationView`.
|
|
11
|
-
*/
|
|
12
|
-
export declare const NotificationFooter: React.NamedExoticComponent<NotificationFooterProps>;
|
|
13
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes } from 'react';
|
|
2
|
-
import { NotificationProps } from './types';
|
|
3
|
-
export type NotificationHeaderProps = {
|
|
4
|
-
header: NotificationProps['header'];
|
|
5
|
-
} & HTMLAttributes<HTMLElement>;
|
|
6
|
-
/**
|
|
7
|
-
* @internal This component is unstable and must not be used outside of `NotificationView`.
|
|
8
|
-
*/
|
|
9
|
-
export declare const NotificationHeader: import("react").NamedExoticComponent<NotificationHeaderProps>;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { NotificationIconProps } from './types';
|
|
2
|
-
export declare const SuccessIcon: {
|
|
3
|
-
(props: import("../../../../icons").CubeIconProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
-
displayName: string;
|
|
5
|
-
};
|
|
6
|
-
/**
|
|
7
|
-
* @internal This component is unstable and must not be used outside of `NotificationView`.
|
|
8
|
-
*/
|
|
9
|
-
export declare const NotificationIcon: import("react").NamedExoticComponent<NotificationIconProps>;
|
package/types/components/overlays/NewNotifications/NotificationView/NotificationProvider.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { PropsWithChildren } from 'react';
|
|
2
|
-
interface NotificationContextType {
|
|
3
|
-
onClose?: () => void;
|
|
4
|
-
}
|
|
5
|
-
/**
|
|
6
|
-
* @internal This component is unstable and must not be used outside of `NotificationView`.
|
|
7
|
-
*/
|
|
8
|
-
export declare function NotificationProvider(props: PropsWithChildren<NotificationContextType>): import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export declare function useNotificationContext(): NotificationContextType;
|
|
10
|
-
export {};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @internal This component is unstable and is a subject to change.
|
|
3
|
-
*/
|
|
4
|
-
export declare const NotificationView: import("react").ForwardRefExoticComponent<{
|
|
5
|
-
qa?: string;
|
|
6
|
-
attributes?: import("react").HTMLAttributes<HTMLDivElement>;
|
|
7
|
-
styles?: import("../../../../tasty").Styles;
|
|
8
|
-
timer?: import("../../../../_internal").Timer | null;
|
|
9
|
-
onClose?: () => void;
|
|
10
|
-
} & import("../types").BaseNotificationProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { Timer } from '../../../../_internal';
|
|
2
|
-
import { Styles } from '../../../../tasty';
|
|
3
|
-
import { BaseNotificationProps } from '../types';
|
|
4
|
-
import type { HTMLAttributes, ReactNode } from 'react';
|
|
5
|
-
import type { CubeNotificationType } from '../types';
|
|
6
|
-
export type NotificationProps = {
|
|
7
|
-
qa?: string;
|
|
8
|
-
attributes?: HTMLAttributes<HTMLDivElement>;
|
|
9
|
-
styles?: Styles;
|
|
10
|
-
timer?: Timer | null;
|
|
11
|
-
onClose?: () => void;
|
|
12
|
-
} & BaseNotificationProps;
|
|
13
|
-
export type NotificationIconProps = {
|
|
14
|
-
type: CubeNotificationType;
|
|
15
|
-
icon?: ReactNode;
|
|
16
|
-
};
|
package/types/components/overlays/NewNotifications/NotificationsContext/NotificationsContext.d.ts
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { CubeNotificationsApi, CubeNotifyApiPropsWithID } from '../types';
|
|
2
|
-
export declare const NotificationsContext: import("react").Context<{
|
|
3
|
-
api: CubeNotificationsApi;
|
|
4
|
-
addOnDismissListener: (listener: (notification: CubeNotifyApiPropsWithID) => void) => () => void;
|
|
5
|
-
} | null>;
|
package/types/components/overlays/NewNotifications/NotificationsContext/use-notifications.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { Key, RefObject } from 'react';
|
|
2
|
-
import { CubeNotificationsApi, CubeNotifyApiPropsWithID } from '../types';
|
|
3
|
-
export declare function useNotifications(rootRef: RefObject<HTMLElement | null> | null): {
|
|
4
|
-
readonly api: CubeNotificationsApi;
|
|
5
|
-
readonly notifications: CubeNotifyApiPropsWithID[];
|
|
6
|
-
readonly onDismissNotification: (id: Key) => void;
|
|
7
|
-
readonly addOnDismissListener: (listener: (notification: CubeNotifyApiPropsWithID) => void) => () => void | undefined;
|
|
8
|
-
};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import type { CubeNotificationProps } from '../types';
|
|
2
|
-
import type { NotificationsListProps } from './types';
|
|
3
|
-
/**
|
|
4
|
-
* Provides ability to show notifications as a list.
|
|
5
|
-
*
|
|
6
|
-
* @example
|
|
7
|
-
* <NotificationsList>
|
|
8
|
-
* <NotificationsList.Item key="id_1" type="success" description="Edit and test your schema without affecting the production." />
|
|
9
|
-
* <NotificationsList.Item key="id_2" type="attention" description="Edit and test your schema without affecting the production." />
|
|
10
|
-
* <NotificationsList.Item key="id_3" type="danger" description="Edit and test your schema without affecting the production." />
|
|
11
|
-
* </NotificationsList>
|
|
12
|
-
*
|
|
13
|
-
* @example Removing a notification
|
|
14
|
-
* <NotificationsList onDismiss={(id) => removeNotification(id)}>
|
|
15
|
-
* <NotificationsList.Item key="id_1" type="success" description="Edit and test your schema without affecting the production." />
|
|
16
|
-
* </NotificationsList>
|
|
17
|
-
*/
|
|
18
|
-
export declare function NotificationsList<T extends object>(props: NotificationsListProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
19
|
-
export declare namespace NotificationsList {
|
|
20
|
-
var Item: (props: Omit<CubeNotificationProps, "onDismiss">) => null;
|
|
21
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { CollectionElement } from '@react-types/shared';
|
|
2
|
-
import { Key } from 'react';
|
|
3
|
-
import { CollectionChildren, NotificationItemNode, NotificationsListState } from '../hooks';
|
|
4
|
-
import { CubeNotificationProps } from '../types';
|
|
5
|
-
export type NotificationsListProps<T> = {
|
|
6
|
-
onDismiss?: (id: Key) => void;
|
|
7
|
-
items?: T[] | readonly T[];
|
|
8
|
-
children: CollectionChildren<T>;
|
|
9
|
-
} & (NotificationsListFactory<T> | NotificationsListStatic);
|
|
10
|
-
export type NotificationsListFactory<T> = {
|
|
11
|
-
items: T[] | readonly T[];
|
|
12
|
-
children: (item: T) => CollectionElement<CubeNotificationProps>;
|
|
13
|
-
};
|
|
14
|
-
export type NotificationsListStatic = {
|
|
15
|
-
items?: 'You must either use factory or static children';
|
|
16
|
-
children: CollectionElement<CubeNotificationProps> | CollectionElement<CubeNotificationProps>[];
|
|
17
|
-
};
|
|
18
|
-
export type NotificationListItemProps = {
|
|
19
|
-
onDismiss?: NotificationsListProps<unknown>['onDismiss'];
|
|
20
|
-
item: NotificationItemNode<CubeNotificationProps>;
|
|
21
|
-
state: NotificationsListState<CubeNotificationProps>;
|
|
22
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { Collection, CollectionElement, Node } from '@react-types/shared';
|
|
2
|
-
import type { ListState } from 'react-stately';
|
|
3
|
-
import type { CubeNotificationProps } from '../types';
|
|
4
|
-
export type CollectionChildren<T, R = T> = CollectionElement<R> | CollectionElement<R>[] | ((item: T) => CollectionElement<R>);
|
|
5
|
-
export type NotificationItemNode<T> = Omit<Node<CubeNotificationProps>, 'props'> & {
|
|
6
|
-
props: T;
|
|
7
|
-
};
|
|
8
|
-
export type NotificationsListState<T> = Omit<ListState<T>, 'collection'> & {
|
|
9
|
-
collection: Collection<NotificationItemNode<T>>;
|
|
10
|
-
};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { SelectableItemAria } from '@react-aria/selection';
|
|
2
|
-
import type { Key, MutableRefObject } from 'react';
|
|
3
|
-
import type { ListState } from 'react-stately';
|
|
4
|
-
export type UseNotificationListItemPropsType<T extends object> = {
|
|
5
|
-
key: Key;
|
|
6
|
-
ref: MutableRefObject<HTMLElement | null>;
|
|
7
|
-
state: ListState<T>;
|
|
8
|
-
};
|
|
9
|
-
export declare function useNotificationListItem<T extends object>(props: UseNotificationListItemPropsType<T>): SelectableItemAria;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function useNotificationsApi(): import("..").CubeNotificationsApi;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { CollectionChildren, NotificationsListState } from './types';
|
|
2
|
-
import type { HTMLAttributes, MutableRefObject } from 'react';
|
|
3
|
-
export type UseNotificationsListPropsType<T, R> = {
|
|
4
|
-
items?: Iterable<T>;
|
|
5
|
-
children: CollectionChildren<T, R>;
|
|
6
|
-
ref: MutableRefObject<HTMLElement | null>;
|
|
7
|
-
};
|
|
8
|
-
export type UseNotificationsListReturnType<R> = {
|
|
9
|
-
listProps: HTMLAttributes<HTMLElement>;
|
|
10
|
-
state: NotificationsListState<R>;
|
|
11
|
-
};
|
|
12
|
-
export declare function useNotificationsList<T extends object, R>(props: UseNotificationsListPropsType<T, R>): UseNotificationsListReturnType<R>;
|