@cube-dev/ui-kit 0.0.0-canary-8ca04ef → 0.0.0-canary-dae9b2f
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 +10 -10
- package/es/_internal/hooks/use-chained-callback.js +2 -2
- package/es/_internal/hooks/use-debounced-value.js +1 -1
- package/es/_internal/hooks/use-deprecation-warning.js +2 -2
- package/es/_internal/hooks/use-effect-once.js +1 -1
- package/es/_internal/hooks/use-event.js +2 -2
- package/es/_internal/hooks/use-is-first-render.js +1 -1
- package/es/_internal/hooks/use-sync-ref.js +2 -2
- package/es/_internal/hooks/use-timer/index.js +3 -3
- package/es/_internal/hooks/use-timer/timer.js +1 -1
- package/es/_internal/hooks/use-timer/use-timer.js +3 -3
- package/es/_internal/hooks/use-update-effect.js +2 -2
- package/es/_internal/hooks/use-warn.js +3 -3
- package/es/_internal/index.js +2 -2
- package/es/components/Block.js +2 -2
- package/es/components/CollectionItem.js +3 -3
- package/es/components/GlobalStyles.js +65 -56
- package/es/components/GridProvider.js +4 -4
- package/es/components/HiddenInput.js +2 -2
- package/es/components/OpenTrasition.js +1 -1
- package/es/components/Root.js +64 -22
- package/es/components/actions/Action/Action.js +3 -3
- package/es/components/actions/Button/Button.js +12 -12
- package/es/components/actions/Button/index.js +2 -2
- package/es/components/actions/ButtonGroup/ButtonGroup.js +4 -4
- package/es/components/actions/CommandMenu/CommandMenu.js +11 -11
- package/es/components/actions/CommandMenu/index.js +2 -2
- package/es/components/actions/CommandMenu/styled.js +2 -2
- package/es/components/actions/ItemAction/ItemAction.js +9 -9
- package/es/components/actions/ItemAction/index.js +2 -2
- package/es/components/actions/ItemActionContext.js +1 -1
- package/es/components/actions/ItemButton/ItemButton.js +9 -9
- package/es/components/actions/ItemButton/index.js +2 -2
- package/es/components/actions/Link/Link.js +2 -2
- package/es/components/actions/Menu/Menu.js +10 -10
- package/es/components/actions/Menu/MenuItem.js +7 -7
- package/es/components/actions/Menu/MenuSection.js +4 -4
- package/es/components/actions/Menu/MenuTrigger.js +6 -6
- package/es/components/actions/Menu/SubMenuTrigger.js +6 -6
- 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 +10 -10
- package/es/components/actions/Menu/styled.js +5 -5
- package/es/components/actions/index.js +13 -13
- package/es/components/actions/use-action.js +7 -7
- package/es/components/actions/use-anchored-menu.js +6 -6
- package/es/components/actions/use-context-menu.js +6 -6
- package/es/components/content/ActiveZone/ActiveZone.js +4 -4
- package/es/components/content/Alert/Alert.js +4 -4
- package/es/components/content/Alert/index.js +2 -2
- package/es/components/content/Alert/types.js +1 -1
- package/es/components/content/Alert/use-alert.js +3 -3
- package/es/components/content/Avatar/Avatar.js +2 -2
- package/es/components/content/Badge/Badge.js +4 -4
- package/es/components/content/Card/Card.js +2 -2
- package/es/components/content/Content.js +3 -3
- package/es/components/content/CopyPasteBlock/CopyPasteBlock.js +8 -8
- package/es/components/content/CopyPasteBlock/index.js +2 -2
- package/es/components/content/CopySnippet/CopySnippet.js +9 -9
- package/es/components/content/CopySnippet/index.js +2 -2
- package/es/components/content/Disclosure/Disclosure.js +6 -6
- package/es/components/content/Disclosure/index.js +2 -2
- package/es/components/content/Divider.js +3 -3
- package/es/components/content/Footer.js +3 -3
- package/es/components/content/Header.js +3 -3
- package/es/components/content/HotKeys/HotKeys.js +5 -5
- package/es/components/content/HotKeys/index.js +2 -2
- package/es/components/content/Item/Item.js +24 -20
- package/es/components/content/Item/index.js +3 -3
- package/es/components/content/ItemBadge/ItemBadge.js +8 -8
- package/es/components/content/ItemBadge/index.js +2 -2
- package/es/components/content/Layout/GridLayout.js +13 -13
- package/es/components/content/Layout/Layout.js +6 -7
- package/es/components/content/Layout/LayoutBlock.js +3 -4
- package/es/components/content/Layout/LayoutCenter.js +3 -3
- package/es/components/content/Layout/LayoutContainer.js +4 -4
- package/es/components/content/Layout/LayoutContent.js +5 -6
- package/es/components/content/Layout/LayoutContext.js +1 -1
- package/es/components/content/Layout/LayoutFlex.js +3 -4
- package/es/components/content/Layout/LayoutFooter.js +3 -4
- package/es/components/content/Layout/LayoutGrid.js +3 -4
- package/es/components/content/Layout/LayoutHeader.js +7 -8
- package/es/components/content/Layout/LayoutPane.js +7 -8
- package/es/components/content/Layout/LayoutPanel.js +9 -10
- package/es/components/content/Layout/LayoutPanelHeader.js +7 -7
- package/es/components/content/Layout/LayoutToolbar.js +3 -4
- package/es/components/content/Layout/hooks/useTinyScrollbar.js +1 -1
- package/es/components/content/Layout/index.js +16 -16
- package/es/components/content/Layout/utils.js +1 -1
- package/es/components/content/List/SectionHeading.js +3 -3
- package/es/components/content/List/index.js +2 -2
- package/es/components/content/Paragraph.js +3 -3
- package/es/components/content/Placeholder/Placeholder.js +2 -2
- package/es/components/content/PrismCode/PrismCode.js +7 -7
- package/es/components/content/PrismCode/prismSetup.js +1 -1
- package/es/components/content/PrismDiffCode/PrismDiffCode.js +2 -2
- package/es/components/content/Result/Result.js +4 -4
- package/es/components/content/Skeleton/Skeleton.js +5 -5
- package/es/components/content/Tag/Tag.js +4 -4
- package/es/components/content/Text.js +3 -3
- package/es/components/content/TextItem/TextItem.js +5 -5
- package/es/components/content/TextItem/index.js +2 -2
- package/es/components/content/Title.js +4 -4
- package/es/components/content/highlightText.js +2 -2
- package/es/components/content/use-auto-tooltip.js +2 -2
- package/es/components/fields/Checkbox/Checkbox.js +12 -12
- package/es/components/fields/Checkbox/CheckboxGroup.js +7 -7
- package/es/components/fields/Checkbox/context.js +1 -1
- package/es/components/fields/Checkbox/index.js +3 -3
- package/es/components/fields/ComboBox/ComboBox.js +18 -18
- package/es/components/fields/ComboBox/index.js +2 -2
- package/es/components/fields/DatePicker/DateInput.js +10 -10
- package/es/components/fields/DatePicker/DateInputBase.js +6 -6
- package/es/components/fields/DatePicker/DatePicker.js +14 -14
- package/es/components/fields/DatePicker/DatePickerButton.js +4 -4
- package/es/components/fields/DatePicker/DatePickerElement.js +3 -3
- package/es/components/fields/DatePicker/DatePickerInput.js +5 -5
- package/es/components/fields/DatePicker/DatePickerSegment.js +2 -2
- package/es/components/fields/DatePicker/DateRangePicker.js +15 -15
- package/es/components/fields/DatePicker/DateRangeSeparatedPicker.js +15 -15
- package/es/components/fields/DatePicker/TimeInput.js +9 -9
- package/es/components/fields/DatePicker/index.js +8 -8
- 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 +6 -6
- package/es/components/fields/FilterListBox/FilterListBox.js +10 -10
- package/es/components/fields/FilterListBox/index.js +2 -2
- package/es/components/fields/FilterPicker/FilterPicker.js +14 -14
- package/es/components/fields/FilterPicker/index.js +2 -2
- package/es/components/fields/Input/Input.js +6 -6
- package/es/components/fields/Input/index.js +2 -2
- package/es/components/fields/ListBox/ListBox.js +14 -14
- package/es/components/fields/ListBox/index.js +2 -2
- package/es/components/fields/NumberInput/NumberInput.js +8 -8
- package/es/components/fields/NumberInput/StepButton.js +4 -4
- package/es/components/fields/PasswordInput/PasswordInput.js +8 -8
- package/es/components/fields/Picker/Picker.js +13 -13
- package/es/components/fields/Picker/index.js +2 -2
- package/es/components/fields/RadioGroup/Radio.js +10 -10
- package/es/components/fields/RadioGroup/RadioGroup.js +7 -7
- package/es/components/fields/RadioGroup/context.js +1 -1
- package/es/components/fields/RadioGroup/index.js +3 -3
- package/es/components/fields/SearchInput/SearchInput.js +8 -8
- package/es/components/fields/SearchInput/index.js +2 -2
- package/es/components/fields/Select/Select.js +20 -20
- package/es/components/fields/Select/index.js +2 -2
- package/es/components/fields/Slider/Gradation.js +2 -2
- package/es/components/fields/Slider/Header.js +1 -1
- package/es/components/fields/Slider/RangeSlider.js +5 -5
- package/es/components/fields/Slider/Slider.js +7 -7
- package/es/components/fields/Slider/SliderBase.js +6 -6
- package/es/components/fields/Slider/SliderInput.js +2 -2
- package/es/components/fields/Slider/SliderThumb.js +3 -3
- package/es/components/fields/Slider/SliderTrack.js +2 -2
- package/es/components/fields/Slider/elements.js +2 -2
- package/es/components/fields/Slider/index.js +4 -4
- package/es/components/fields/Slider/types.js +1 -1
- package/es/components/fields/Switch/Switch.js +11 -11
- package/es/components/fields/Switch/index.js +2 -2
- package/es/components/fields/TextArea/TextArea.js +7 -7
- package/es/components/fields/TextArea/index.js +2 -2
- package/es/components/fields/TextInput/TextInput.js +6 -6
- package/es/components/fields/TextInput/TextInputBase.js +9 -9
- package/es/components/fields/TextInput/index.js +3 -3
- package/es/components/fields/TextInputMapper/TextInputMapper.js +14 -14
- package/es/components/fields/TextInputMapper/index.js +2 -2
- package/es/components/fields/index.js +20 -20
- package/es/components/form/FieldWrapper/FieldWrapper.js +9 -9
- package/es/components/form/FieldWrapper/extract-field-wrapper-props.js +1 -1
- package/es/components/form/FieldWrapper/index.js +4 -4
- package/es/components/form/FieldWrapper/types.js +1 -1
- package/es/components/form/Form/Field.js +6 -6
- package/es/components/form/Form/Form.js +6 -6
- package/es/components/form/Form/ResetButton/ResetButton.js +6 -6
- package/es/components/form/Form/ResetButton/index.js +2 -2
- package/es/components/form/Form/SubmitButton/SubmitButton.js +4 -4
- package/es/components/form/Form/SubmitButton/index.js +2 -2
- package/es/components/form/Form/SubmitError.js +3 -3
- package/es/components/form/Form/index.js +11 -11
- package/es/components/form/Form/types.js +1 -1
- package/es/components/form/Form/use-field/index.js +4 -4
- package/es/components/form/Form/use-field/types.js +1 -1
- package/es/components/form/Form/use-field/use-field-props.js +6 -6
- package/es/components/form/Form/use-field/use-field.js +4 -4
- package/es/components/form/Form/use-form.js +3 -3
- package/es/components/form/Form/validation.js +1 -1
- package/es/components/form/Label.js +3 -3
- package/es/components/form/index.js +5 -5
- package/es/components/form/wrapper.js +3 -3
- package/es/components/helpers/DisplayTransition/DisplayTransition.js +1 -1
- package/es/components/helpers/DisplayTransition/index.js +2 -2
- package/es/components/helpers/IconSwitch/IconSwitch.js +3 -3
- package/es/components/helpers/index.js +3 -3
- package/es/components/layout/Flex.js +2 -2
- package/es/components/layout/Flow.js +2 -2
- package/es/components/layout/Grid.js +2 -2
- package/es/components/layout/Panel.js +2 -2
- package/es/components/layout/Prefix.js +3 -3
- package/es/components/layout/ResizablePanel.js +5 -5
- package/es/components/layout/Space.js +2 -2
- package/es/components/layout/Suffix.js +3 -3
- package/es/components/navigation/LegacyTabs/LegacyTabs.js +275 -0
- package/es/components/organisms/FileTabs/FileTabs.js +8 -8
- package/es/components/organisms/StatsCard/StatsCard.js +4 -4
- package/es/components/other/Base64Upload/Base64Upload.js +103 -0
- package/es/components/other/Calendar/Calendar.js +8 -8
- package/es/components/other/Calendar/CalendarCell.js +2 -2
- package/es/components/other/Calendar/CalendarGrid.js +3 -3
- package/es/components/other/Calendar/RangeCalendar.js +8 -8
- package/es/components/other/CloudLogo/CloudLogo.js +3 -3
- package/es/components/overlays/AlertDialog/AlertDialog.js +10 -10
- package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js +2 -2
- package/es/components/overlays/AlertDialog/AlertDialogZone.js +4 -4
- package/es/components/overlays/AlertDialog/index.js +4 -4
- package/es/components/overlays/AlertDialog/types.js +1 -1
- package/es/components/overlays/Dialog/Dialog.js +7 -7
- package/es/components/overlays/Dialog/DialogContainer.js +3 -3
- package/es/components/overlays/Dialog/DialogForm.js +8 -8
- package/es/components/overlays/Dialog/DialogTrigger.js +4 -4
- package/es/components/overlays/Dialog/context.js +1 -1
- package/es/components/overlays/Dialog/index.js +6 -6
- package/es/components/overlays/Dialog/use-dialog-container.js +4 -4
- package/es/components/overlays/Modal/Modal.js +5 -5
- package/es/components/overlays/Modal/OpenTransition.js +1 -1
- package/es/components/overlays/Modal/Overlay.js +3 -3
- package/es/components/overlays/Modal/Popover.js +4 -4
- package/es/components/overlays/Modal/Tray.js +6 -6
- package/es/components/overlays/Modal/Underlay.js +2 -2
- package/es/components/overlays/Modal/index.js +7 -7
- package/es/components/overlays/Modal/types.js +1 -1
- package/es/components/overlays/NewNotifications/Bar/FloatingNotification.js +5 -5
- package/es/components/overlays/NewNotifications/Bar/NotificationsBar.js +7 -7
- package/es/components/overlays/NewNotifications/Bar/TransitionComponent.js +34 -36
- package/es/components/overlays/NewNotifications/Bar/index.js +2 -2
- package/es/components/overlays/NewNotifications/Dialog/NotificationsDialogContext.js +1 -1
- package/es/components/overlays/NewNotifications/Dialog/NotificationsDialogTrigger.js +8 -8
- package/es/components/overlays/NewNotifications/Dialog/index.js +2 -2
- package/es/components/overlays/NewNotifications/Notification.js +4 -4
- package/es/components/overlays/NewNotifications/NotificationView/NotificationAction.js +5 -5
- package/es/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.js +4 -4
- package/es/components/overlays/NewNotifications/NotificationView/NotificationDescription.js +4 -4
- package/es/components/overlays/NewNotifications/NotificationView/NotificationFooter.js +3 -3
- package/es/components/overlays/NewNotifications/NotificationView/NotificationHeader.js +3 -3
- package/es/components/overlays/NewNotifications/NotificationView/NotificationIcon.js +4 -4
- package/es/components/overlays/NewNotifications/NotificationView/NotificationProvider.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationView/NotificationView.js +12 -12
- package/es/components/overlays/NewNotifications/NotificationView/index.js +3 -3
- package/es/components/overlays/NewNotifications/NotificationView/types.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationsContext/NotificationsContext.js +1 -1
- package/es/components/overlays/NewNotifications/NotificationsContext/NotificationsProvider.js +5 -5
- package/es/components/overlays/NewNotifications/NotificationsContext/index.js +3 -3
- package/es/components/overlays/NewNotifications/NotificationsContext/use-notifications.js +2 -2
- package/es/components/overlays/NewNotifications/NotificationsList/NotificationsList.js +4 -4
- package/es/components/overlays/NewNotifications/NotificationsList/NotificationsListItem.js +5 -5
- package/es/components/overlays/NewNotifications/NotificationsList/index.js +2 -2
- package/es/components/overlays/NewNotifications/NotificationsList/types.js +1 -1
- package/es/components/overlays/NewNotifications/hooks/index.js +6 -6
- package/es/components/overlays/NewNotifications/hooks/types.js +1 -1
- package/es/components/overlays/NewNotifications/hooks/use-notification-list-item.js +1 -1
- package/es/components/overlays/NewNotifications/hooks/use-notifications-api.js +2 -2
- package/es/components/overlays/NewNotifications/hooks/use-notifications-list.js +1 -1
- package/es/components/overlays/NewNotifications/hooks/use-notifications-observer.js +3 -3
- package/es/components/overlays/NewNotifications/index.js +7 -7
- package/es/components/overlays/NewNotifications/types.js +1 -1
- package/es/components/overlays/Notification/Notification.js +7 -7
- package/es/components/overlays/OverlayWrapper.js +2 -2
- package/es/components/overlays/Toasts/Toast.js +4 -4
- package/es/components/overlays/Toasts/index.js +3 -3
- package/es/components/overlays/Toasts/types.js +1 -1
- package/es/components/overlays/Toasts/use-toasts-api.js +2 -2
- package/es/components/overlays/Tooltip/Tooltip.js +4 -4
- package/es/components/overlays/Tooltip/TooltipProvider.js +3 -3
- package/es/components/overlays/Tooltip/TooltipTrigger.js +6 -6
- package/es/components/overlays/Tooltip/context.js +1 -1
- package/es/components/overlays/Tooltip/index.js +4 -4
- package/es/components/portal/Portal.js +2 -2
- package/es/components/portal/PortalProvider.js +1 -1
- package/es/components/portal/index.js +3 -3
- package/es/components/portal/types.js +1 -1
- package/es/components/portal/usePortal.js +2 -2
- package/es/components/shared/InvalidIcon.js +2 -2
- package/es/components/shared/ValidIcon.js +2 -2
- package/es/components/status/LoadingAnimation/LoadingAnimation.js +114 -58
- package/es/components/status/LoadingAnimation/index.js +2 -2
- package/es/components/status/Spin/Cube.js +179 -95
- package/es/components/status/Spin/InternalSpinner.js +5 -5
- package/es/components/status/Spin/Spin.js +4 -4
- package/es/components/status/Spin/SpinsContainer.js +30 -28
- package/es/components/status/Spin/index.js +2 -2
- package/es/components/status/Spin/types.js +1 -1
- package/es/components/status/index.js +3 -3
- package/es/data/item-themes.js +1 -1
- package/es/data/themes.js +1 -1
- package/es/icons/AdjustmentsHorizontalIcon.js +2 -2
- package/es/icons/AdjustmentsIcon.js +2 -2
- package/es/icons/AiIcon.js +2 -2
- package/es/icons/AreaChartIcon.js +2 -2
- package/es/icons/BackwardIcon.js +2 -2
- package/es/icons/BarChartIcon.js +2 -2
- package/es/icons/BellFilledIcon.js +2 -2
- package/es/icons/BellIcon.js +2 -2
- package/es/icons/BooleanIcon.js +2 -2
- package/es/icons/CalendarEditIcon.js +2 -2
- package/es/icons/CalendarIcon.js +2 -2
- package/es/icons/CaretDownIcon.js +2 -2
- package/es/icons/CaretUpIcon.js +2 -2
- package/es/icons/ChartAreaStackedIcon.js +2 -2
- package/es/icons/ChartAreaStackedPercentageIcon.js +2 -2
- package/es/icons/ChartBarGroupedHorizontalIcon.js +2 -2
- package/es/icons/ChartBarGroupedIcon.js +2 -2
- package/es/icons/ChartBarHorizontalIcon.js +2 -2
- package/es/icons/ChartBarLineIcon.js +2 -2
- package/es/icons/ChartBarStackedHorizontalIcon.js +2 -2
- package/es/icons/ChartBarStackedIcon.js +2 -2
- package/es/icons/ChartBarStackedPercentageHorizontalIcon.js +2 -2
- package/es/icons/ChartBarStackedPercentageIcon.js +2 -2
- package/es/icons/ChartBoxPlot2Icon.js +2 -2
- package/es/icons/ChartBoxPlotIcon.js +2 -2
- package/es/icons/ChartBubbleIcon.js +2 -2
- package/es/icons/ChartDonut2Icon.js +2 -2
- package/es/icons/ChartFunnelIcon.js +2 -2
- package/es/icons/ChartHeatmapIcon.js +2 -2
- package/es/icons/ChartKPIIcon.js +2 -2
- package/es/icons/ChartPie2Icon.js +2 -2
- package/es/icons/ChartScatterIcon.js +2 -2
- package/es/icons/CheckCircleFilledIcon.js +2 -2
- package/es/icons/CheckCircleIcon.js +2 -2
- package/es/icons/CheckIcon.js +2 -2
- package/es/icons/CircleFilledIcon.js +2 -2
- package/es/icons/ClearIcon.js +2 -2
- package/es/icons/CloseCircleFilledIcon.js +2 -2
- package/es/icons/CloseCircleIcon.js +2 -2
- package/es/icons/CloseIcon.js +2 -2
- package/es/icons/CodeIcon.js +2 -2
- package/es/icons/ColumnTotalIcon.js +2 -2
- package/es/icons/CopyIcon.js +2 -2
- package/es/icons/CountIcon.js +2 -2
- package/es/icons/CubeIcon.js +2 -2
- package/es/icons/CubePauseIcon.js +2 -2
- package/es/icons/CubePlayIcon.js +2 -2
- package/es/icons/CurrencyDollarIcon.js +2 -2
- package/es/icons/DangerIcon.js +2 -2
- package/es/icons/DashboardIcon.js +2 -2
- package/es/icons/DatabaseIcon.js +2 -2
- package/es/icons/DecimalDecreaseIcon.js +2 -2
- package/es/icons/DecimalIncreaseIcon.js +2 -2
- package/es/icons/DirectionIcon.js +3 -3
- package/es/icons/DonutIcon.js +2 -2
- package/es/icons/DownIcon.js +2 -2
- package/es/icons/EditIcon.js +2 -2
- package/es/icons/ExclamationCircleFilledIcon.js +2 -2
- package/es/icons/ExclamationCircleIcon.js +2 -2
- package/es/icons/ExclamationIcon.js +2 -2
- package/es/icons/EyeIcon.js +2 -2
- package/es/icons/EyeInvisibleIcon.js +2 -2
- package/es/icons/FilterIcon.js +2 -2
- package/es/icons/FolderFilledIcon.js +2 -2
- package/es/icons/FolderIcon.js +2 -2
- package/es/icons/FolderOpenFilledIcon.js +2 -2
- package/es/icons/FolderOpenIcon.js +2 -2
- package/es/icons/ForwardIcon.js +2 -2
- package/es/icons/HierarchyIcon.js +2 -2
- package/es/icons/HierarchyOpenIcon.js +2 -2
- package/es/icons/Icon.js +2 -2
- package/es/icons/InfoCircleIcon.js +2 -2
- package/es/icons/InfoIcon.js +2 -2
- package/es/icons/KeyIcon.js +2 -2
- package/es/icons/LeftIcon.js +2 -2
- package/es/icons/LineChartIcon.js +2 -2
- package/es/icons/LoadingIcon.js +2 -2
- package/es/icons/LockFilledIcon.js +2 -2
- package/es/icons/LockIcon.js +2 -2
- package/es/icons/MoreIcon.js +2 -2
- package/es/icons/NotAllowedIcon.js +2 -2
- package/es/icons/Number123Icon.js +2 -2
- package/es/icons/NumberIcon.js +2 -2
- package/es/icons/PauseCircleFilledIcon.js +2 -2
- package/es/icons/PauseCircleIcon.js +2 -2
- package/es/icons/PauseIcon.js +2 -2
- package/es/icons/PercentageIcon.js +2 -2
- package/es/icons/PieChartIcon.js +2 -2
- package/es/icons/PlayCircleIcon.js +2 -2
- package/es/icons/PlayIcon.js +2 -2
- package/es/icons/PlusIcon.js +2 -2
- package/es/icons/ProgressBarIcon.js +2 -2
- package/es/icons/ReloadIcon.js +2 -2
- package/es/icons/ReportIcon.js +2 -2
- package/es/icons/ReturnIcon.js +2 -2
- package/es/icons/RightIcon.js +2 -2
- package/es/icons/RowTotalsIcon.js +2 -2
- package/es/icons/SchemeIcon.js +2 -2
- package/es/icons/SearchIcon.js +2 -2
- package/es/icons/SettingsIcon.js +2 -2
- package/es/icons/ShieldFilledIcon.js +2 -2
- package/es/icons/ShieldIcon.js +2 -2
- package/es/icons/SlashIcon.js +2 -2
- package/es/icons/SparklesIcon.js +2 -2
- package/es/icons/SqlIcon.js +2 -2
- package/es/icons/StatsIcon.js +2 -2
- package/es/icons/StopIcon.js +2 -2
- package/es/icons/StringIcon.js +2 -2
- package/es/icons/SubtotalsIcon.js +2 -2
- package/es/icons/SwitchIcon.js +2 -2
- package/es/icons/TableIcon.js +2 -2
- package/es/icons/ThumbsDownIcon.js +2 -2
- package/es/icons/ThumbsUpIcon.js +2 -2
- package/es/icons/ThunderboltCrossedIcon.js +2 -2
- package/es/icons/ThunderboltFilledIcon.js +2 -2
- package/es/icons/ThunderboltIcon.js +2 -2
- package/es/icons/TimeIcon.js +2 -2
- package/es/icons/TrashIcon.js +2 -2
- package/es/icons/UnlockIcon.js +2 -2
- package/es/icons/UpIcon.js +2 -2
- package/es/icons/UserGroupIcon.js +2 -2
- package/es/icons/UserIcon.js +2 -2
- package/es/icons/UserLockIcon.js +2 -2
- package/es/icons/ViewIcon.js +2 -2
- package/es/icons/WarningFilledIcon.js +2 -2
- package/es/icons/WarningIcon.js +2 -2
- package/es/icons/add-new-icon.js +129 -0
- package/es/icons/index.js +128 -128
- package/es/icons/wrap-icon.js +2 -2
- package/es/index.js +74 -73
- package/es/provider.js +10 -4
- 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/services/notification.js +2 -2
- package/es/shared/form.js +1 -1
- package/es/shared/index.js +2 -2
- package/es/stories/Form.legacy-stories.js +4 -4
- package/es/stories/FormFieldArgs.js +2 -2
- package/es/stories/SimpleLayout.stories.js +2 -2
- package/es/stories/Tasty.stories.js +2 -2
- package/es/stories/components/ConfirmDeletionDialogForm.js +2 -2
- package/es/stories/components/DialogFormApp.js +3 -3
- package/es/stories/components/StyledButton.js +15 -19
- package/es/stories/lists/baseProps.js +2 -2
- package/es/tasty/debug.js +9 -195
- package/es/tasty/index.js +17 -31
- package/es/tasty/injector/index.js +90 -34
- package/es/tasty/injector/injector.js +299 -81
- package/es/tasty/injector/sheet-manager.js +3 -138
- package/es/tasty/injector/types.js +1 -1
- package/es/tasty/parser/classify.js +6 -8
- package/es/tasty/parser/const.js +1 -1
- package/es/tasty/parser/lru.js +1 -1
- package/es/tasty/parser/parser.js +5 -18
- package/es/tasty/parser/tokenizer.js +1 -1
- package/es/tasty/parser/types.js +1 -2
- package/es/tasty/providers/BreakpointsProvider.js +16 -0
- package/es/tasty/styles/align.js +1 -1
- package/es/tasty/styles/border.js +2 -2
- package/es/tasty/styles/boxShadow.combinator.js +1 -1
- package/es/tasty/styles/color.js +3 -3
- package/es/tasty/styles/createStyle.js +3 -3
- package/es/tasty/styles/dimension.js +2 -2
- package/es/tasty/styles/display.js +1 -1
- package/es/tasty/styles/fade.js +2 -2
- package/es/tasty/styles/fill.js +21 -11
- package/es/tasty/styles/flow.js +1 -1
- package/es/tasty/styles/font.js +1 -1
- package/es/tasty/styles/fontStyle.js +1 -1
- package/es/tasty/styles/gap.js +2 -2
- package/es/tasty/styles/groupRadius.js +2 -2
- package/es/tasty/styles/height.js +2 -2
- package/es/tasty/styles/index.js +3 -3
- package/es/tasty/styles/inset.js +2 -2
- package/es/tasty/styles/justify.js +1 -1
- package/es/tasty/styles/list.js +1 -1
- package/es/tasty/styles/margin.js +56 -76
- package/es/tasty/styles/outline.js +2 -2
- package/es/tasty/styles/padding.js +56 -76
- package/es/tasty/styles/place.js +1 -1
- package/es/tasty/styles/predefined.js +27 -28
- package/es/tasty/styles/preset.js +2 -2
- package/es/tasty/styles/radius.js +12 -5
- package/es/tasty/styles/reset.js +7 -3
- package/es/tasty/styles/scrollbar.js +2 -2
- package/es/tasty/styles/shadow.js +2 -2
- package/es/tasty/styles/styledScrollbar.js +1 -1
- package/es/tasty/styles/transition.js +3 -10
- package/es/tasty/styles/types.js +1 -1
- package/es/tasty/styles/width.js +2 -2
- package/es/tasty/tasty.js +122 -81
- 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/filterBaseProps.js +1 -1
- package/es/tasty/utils/getDisplayName.js +1 -1
- package/es/tasty/utils/getModCombinations.js +38 -0
- package/es/tasty/utils/isDevEnv.js +1 -1
- package/es/tasty/utils/mergeStyles.js +2 -2
- package/es/tasty/utils/modAttrs.js +3 -3
- package/es/tasty/utils/processTokens.js +2 -88
- package/es/tasty/utils/renderStyles.js +1050 -0
- package/es/tasty/utils/responsive.js +60 -0
- package/es/tasty/utils/string.js +1 -1
- package/es/tasty/utils/styles.js +22 -255
- package/es/tasty/utils/warnings.js +1 -1
- package/es/tokens.js +309 -0
- package/es/utils/ResizeSensor.js +1 -1
- package/es/utils/index.js +10 -10
- 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 +2 -2
- package/es/utils/react/chain.js +1 -1
- package/es/utils/react/forwardRefWithGenerics.js +1 -1
- package/es/utils/react/index.js +17 -17
- 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 +4 -4
- package/es/utils/react/nullableValue.js +1 -1
- package/es/utils/react/resolveIcon.js +1 -1
- package/es/utils/react/sharedStore.js +2 -2
- package/es/utils/react/useCombinedRefs.js +1 -1
- package/es/utils/react/useControlledFocusVisible.js +2 -2
- package/es/utils/react/useEventBus.js +1 -1
- package/es/utils/react/useId.js +2 -2
- package/es/utils/react/useIsDarwin.js +1 -1
- package/es/utils/react/useKeySymbols.js +2 -2
- package/es/utils/react/useLayoutEffect.js +1 -1
- package/es/utils/react/useLocalStorage.js +2 -2
- 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 +4 -14
- package/types/components/GlobalStyles.d.ts +1 -2
- package/types/components/HiddenInput.d.ts +826 -828
- package/types/components/Root.d.ts +0 -1
- package/types/components/actions/Button/Button.d.ts +1645 -1649
- package/types/components/actions/CommandMenu/styled.d.ts +4130 -4140
- package/types/components/actions/Menu/styled.d.ts +4883 -4893
- package/types/components/actions/use-action.d.ts +1 -1
- package/types/components/content/List/SectionHeading.d.ts +251 -251
- package/types/components/content/Text.d.ts +1487 -1487
- package/types/components/fields/DatePicker/DatePickerElement.d.ts +251 -251
- package/types/components/fields/Select/Select.d.ts +826 -828
- package/types/components/fields/Slider/elements.d.ts +4956 -4968
- package/types/components/navigation/LegacyTabs/LegacyTabs.d.ts +43 -0
- package/types/components/other/Base64Upload/Base64Upload.d.ts +5 -0
- package/types/components/status/Spin/Cube.d.ts +1 -1
- package/types/components/status/Spin/SpinsContainer.d.ts +3 -6
- package/types/icons/add-new-icon.d.ts +2 -0
- package/types/index.d.ts +4 -1
- package/types/provider.d.ts +2 -1
- package/types/stories/components/StyledButton.d.ts +1 -1
- package/types/tasty/debug.d.ts +0 -35
- package/types/tasty/index.d.ts +4 -14
- package/types/tasty/injector/index.d.ts +19 -30
- package/types/tasty/injector/injector.d.ts +13 -19
- package/types/tasty/injector/sheet-manager.d.ts +1 -25
- package/types/tasty/injector/types.d.ts +2 -23
- package/types/tasty/parser/parser.d.ts +0 -4
- package/types/tasty/parser/types.d.ts +0 -1
- package/types/tasty/providers/BreakpointsProvider.d.ts +8 -0
- package/types/tasty/styles/fill.d.ts +1 -11
- package/types/tasty/styles/margin.d.ts +1 -3
- package/types/tasty/styles/padding.d.ts +1 -3
- package/types/tasty/styles/radius.d.ts +10 -2
- package/types/tasty/styles/types.d.ts +3 -24
- package/types/tasty/tasty.d.ts +840 -892
- package/types/tasty/utils/getModCombinations.d.ts +9 -0
- package/types/tasty/utils/renderStyles.d.ts +41 -0
- package/types/tasty/utils/responsive.d.ts +8 -0
- package/types/tasty/utils/styles.d.ts +6 -50
- package/types/tokens.d.ts +221 -0
- package/es/stories/playground/PlaygroundEditor.js +0 -89
- package/es/stories/playground/PlaygroundLayout.js +0 -16
- package/es/stories/playground/PlaygroundOutput.js +0 -92
- package/es/stories/playground/PlaygroundPreview.js +0 -91
- package/es/stories/playground/components/Button.js +0 -45
- package/es/stories/playground/components/Card.js +0 -20
- package/es/stories/playground/components/ScrollProgress.js +0 -17
- package/es/stories/playground/examples.js +0 -158
- package/es/tasty/chunks/cacheKey.js +0 -98
- package/es/tasty/chunks/definitions.js +0 -281
- package/es/tasty/chunks/index.js +0 -12
- package/es/tasty/chunks/renderChunk.js +0 -97
- package/es/tasty/config.js +0 -280
- package/es/tasty/hooks/index.js +0 -12
- package/es/tasty/hooks/useGlobalStyles.js +0 -67
- package/es/tasty/hooks/useRawCSS.js +0 -40
- package/es/tasty/hooks/useStyles.js +0 -206
- package/es/tasty/keyframes/index.js +0 -301
- package/es/tasty/pipeline/conditions.js +0 -426
- package/es/tasty/pipeline/exclusive.js +0 -311
- package/es/tasty/pipeline/index.js +0 -543
- package/es/tasty/pipeline/materialize.js +0 -1260
- package/es/tasty/pipeline/parseStateKey.js +0 -592
- package/es/tasty/pipeline/simplify.js +0 -898
- package/es/tasty/plugins/index.js +0 -26
- package/es/tasty/plugins/okhsl-plugin.js +0 -400
- package/es/tasty/plugins/types.js +0 -10
- package/es/tasty/states/index.js +0 -523
- package/es/tasty/static/index.js +0 -47
- package/es/tasty/static/tastyStatic.js +0 -55
- package/es/tasty/static/types.js +0 -34
- package/es/tasty/utils/typography.js +0 -67
- package/es/tasty/zero/babel.js +0 -453
- package/es/tasty/zero/css-writer.js +0 -94
- package/es/tasty/zero/extractor.js +0 -222
- package/es/tasty/zero/index.js +0 -28
- package/es/tasty/zero/next.js +0 -102
- package/es/tokens/base.js +0 -64
- package/es/tokens/colors.js +0 -68
- package/es/tokens/index.js +0 -63
- package/es/tokens/layout.js +0 -26
- package/es/tokens/shadows.js +0 -27
- package/es/tokens/sizes.js +0 -42
- package/es/tokens/spacing.js +0 -22
- package/es/tokens/typography.js +0 -237
- package/types/stories/playground/PlaygroundEditor.d.ts +0 -6
- package/types/stories/playground/PlaygroundLayout.d.ts +0 -8
- package/types/stories/playground/PlaygroundOutput.d.ts +0 -5
- package/types/stories/playground/PlaygroundPreview.d.ts +0 -6
- package/types/stories/playground/components/Button.d.ts +0 -11
- package/types/stories/playground/components/Card.d.ts +0 -7
- package/types/stories/playground/components/ScrollProgress.d.ts +0 -5
- package/types/stories/playground/examples.d.ts +0 -7
- package/types/tasty/chunks/cacheKey.d.ts +0 -26
- package/types/tasty/chunks/definitions.d.ts +0 -75
- package/types/tasty/chunks/index.d.ts +0 -4
- package/types/tasty/chunks/renderChunk.d.ts +0 -25
- package/types/tasty/config.d.ts +0 -171
- package/types/tasty/hooks/index.d.ts +0 -4
- package/types/tasty/hooks/useGlobalStyles.d.ts +0 -22
- package/types/tasty/hooks/useRawCSS.d.ts +0 -50
- package/types/tasty/hooks/useStyles.d.ts +0 -35
- package/types/tasty/keyframes/index.d.ts +0 -49
- package/types/tasty/pipeline/conditions.d.ts +0 -243
- package/types/tasty/pipeline/exclusive.d.ts +0 -103
- package/types/tasty/pipeline/index.d.ts +0 -67
- package/types/tasty/pipeline/materialize.d.ts +0 -162
- package/types/tasty/pipeline/parseStateKey.d.ts +0 -20
- package/types/tasty/pipeline/simplify.d.ts +0 -28
- package/types/tasty/plugins/index.d.ts +0 -17
- package/types/tasty/plugins/okhsl-plugin.d.ts +0 -45
- package/types/tasty/plugins/types.d.ts +0 -34
- package/types/tasty/states/index.d.ts +0 -101
- package/types/tasty/static/index.d.ts +0 -39
- package/types/tasty/static/tastyStatic.d.ts +0 -41
- package/types/tasty/static/types.d.ts +0 -44
- package/types/tasty/utils/typography.d.ts +0 -32
- package/types/tasty/zero/babel.d.ts +0 -63
- package/types/tasty/zero/css-writer.d.ts +0 -41
- package/types/tasty/zero/extractor.d.ts +0 -40
- package/types/tasty/zero/index.d.ts +0 -18
- package/types/tasty/zero/next.d.ts +0 -57
- package/types/tokens/base.d.ts +0 -8
- package/types/tokens/colors.d.ts +0 -6
- package/types/tokens/index.d.ts +0 -41
- package/types/tokens/layout.d.ts +0 -7
- package/types/tokens/shadows.d.ts +0 -12
- package/types/tokens/sizes.d.ts +0 -25
- package/types/tokens/spacing.d.ts +0 -8
- package/types/tokens/typography.d.ts +0 -30
|
@@ -1,426 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @license MIT
|
|
3
|
-
* author: Cube Dev Team
|
|
4
|
-
* @cube-dev/ui-kit v0.0.0-canary-8ca04ef
|
|
5
|
-
* Released under the MIT license.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* ConditionNode Types and Helpers
|
|
10
|
-
*
|
|
11
|
-
* Core data structures for representing style conditions as an abstract syntax tree.
|
|
12
|
-
* Used throughout the pipeline for parsing, simplification, and CSS generation.
|
|
13
|
-
*/
|
|
14
|
-
// ============================================================================
|
|
15
|
-
// Constructor Functions
|
|
16
|
-
// ============================================================================
|
|
17
|
-
/**
|
|
18
|
-
* Create a TRUE condition (matches everything)
|
|
19
|
-
*/
|
|
20
|
-
export function trueCondition() {
|
|
21
|
-
return { kind: 'true' };
|
|
22
|
-
}
|
|
23
|
-
/**
|
|
24
|
-
* Create a FALSE condition (matches nothing)
|
|
25
|
-
*/
|
|
26
|
-
export function falseCondition() {
|
|
27
|
-
return { kind: 'false' };
|
|
28
|
-
}
|
|
29
|
-
/**
|
|
30
|
-
* Create an AND compound condition
|
|
31
|
-
*/
|
|
32
|
-
export function and(...children) {
|
|
33
|
-
const filtered = [];
|
|
34
|
-
for (const child of children) {
|
|
35
|
-
// Short-circuit on FALSE
|
|
36
|
-
if (child.kind === 'false') {
|
|
37
|
-
return falseCondition();
|
|
38
|
-
}
|
|
39
|
-
// Skip TRUE (identity for AND)
|
|
40
|
-
if (child.kind === 'true') {
|
|
41
|
-
continue;
|
|
42
|
-
}
|
|
43
|
-
// Flatten nested ANDs
|
|
44
|
-
if (child.kind === 'compound' && child.operator === 'AND') {
|
|
45
|
-
filtered.push(...child.children);
|
|
46
|
-
}
|
|
47
|
-
else {
|
|
48
|
-
filtered.push(child);
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
if (filtered.length === 0) {
|
|
52
|
-
return trueCondition();
|
|
53
|
-
}
|
|
54
|
-
if (filtered.length === 1) {
|
|
55
|
-
return filtered[0];
|
|
56
|
-
}
|
|
57
|
-
return {
|
|
58
|
-
kind: 'compound',
|
|
59
|
-
operator: 'AND',
|
|
60
|
-
children: filtered,
|
|
61
|
-
};
|
|
62
|
-
}
|
|
63
|
-
/**
|
|
64
|
-
* Create an OR compound condition
|
|
65
|
-
*/
|
|
66
|
-
export function or(...children) {
|
|
67
|
-
const filtered = [];
|
|
68
|
-
for (const child of children) {
|
|
69
|
-
// Short-circuit on TRUE
|
|
70
|
-
if (child.kind === 'true') {
|
|
71
|
-
return trueCondition();
|
|
72
|
-
}
|
|
73
|
-
// Skip FALSE (identity for OR)
|
|
74
|
-
if (child.kind === 'false') {
|
|
75
|
-
continue;
|
|
76
|
-
}
|
|
77
|
-
// Flatten nested ORs
|
|
78
|
-
if (child.kind === 'compound' && child.operator === 'OR') {
|
|
79
|
-
filtered.push(...child.children);
|
|
80
|
-
}
|
|
81
|
-
else {
|
|
82
|
-
filtered.push(child);
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
if (filtered.length === 0) {
|
|
86
|
-
return falseCondition();
|
|
87
|
-
}
|
|
88
|
-
if (filtered.length === 1) {
|
|
89
|
-
return filtered[0];
|
|
90
|
-
}
|
|
91
|
-
return {
|
|
92
|
-
kind: 'compound',
|
|
93
|
-
operator: 'OR',
|
|
94
|
-
children: filtered,
|
|
95
|
-
};
|
|
96
|
-
}
|
|
97
|
-
/**
|
|
98
|
-
* Negate a condition
|
|
99
|
-
*/
|
|
100
|
-
export function not(node) {
|
|
101
|
-
// NOT(TRUE) = FALSE
|
|
102
|
-
if (node.kind === 'true') {
|
|
103
|
-
return falseCondition();
|
|
104
|
-
}
|
|
105
|
-
// NOT(FALSE) = TRUE
|
|
106
|
-
if (node.kind === 'false') {
|
|
107
|
-
return trueCondition();
|
|
108
|
-
}
|
|
109
|
-
// NOT(state) = toggle negated flag
|
|
110
|
-
if (node.kind === 'state') {
|
|
111
|
-
return {
|
|
112
|
-
...node,
|
|
113
|
-
negated: !node.negated,
|
|
114
|
-
uniqueId: node.negated
|
|
115
|
-
? node.uniqueId.replace(/^!/, '')
|
|
116
|
-
: `!${node.uniqueId}`,
|
|
117
|
-
};
|
|
118
|
-
}
|
|
119
|
-
// NOT(AND(a, b, ...)) = OR(NOT(a), NOT(b), ...) - De Morgan's law
|
|
120
|
-
if (node.kind === 'compound' && node.operator === 'AND') {
|
|
121
|
-
return or(...node.children.map((c) => not(c)));
|
|
122
|
-
}
|
|
123
|
-
// NOT(OR(a, b, ...)) = AND(NOT(a), NOT(b), ...) - De Morgan's law
|
|
124
|
-
if (node.kind === 'compound' && node.operator === 'OR') {
|
|
125
|
-
return and(...node.children.map((c) => not(c)));
|
|
126
|
-
}
|
|
127
|
-
// Fallback - should not reach here
|
|
128
|
-
return node;
|
|
129
|
-
}
|
|
130
|
-
// ============================================================================
|
|
131
|
-
// Condition Type Checking
|
|
132
|
-
// ============================================================================
|
|
133
|
-
/**
|
|
134
|
-
* Check if a condition is a compound condition
|
|
135
|
-
*/
|
|
136
|
-
export function isCompoundCondition(node) {
|
|
137
|
-
return node.kind === 'compound';
|
|
138
|
-
}
|
|
139
|
-
// ============================================================================
|
|
140
|
-
// UniqueId Generation
|
|
141
|
-
// ============================================================================
|
|
142
|
-
/**
|
|
143
|
-
* Generate a normalized unique ID for a modifier condition
|
|
144
|
-
*/
|
|
145
|
-
export function modifierUniqueId(attribute, value, operator = '=', negated = false) {
|
|
146
|
-
const base = value
|
|
147
|
-
? `mod:${attribute}${operator}${value}`
|
|
148
|
-
: `mod:${attribute}`;
|
|
149
|
-
return negated ? `!${base}` : base;
|
|
150
|
-
}
|
|
151
|
-
/**
|
|
152
|
-
* Generate a normalized unique ID for a pseudo condition
|
|
153
|
-
*/
|
|
154
|
-
export function pseudoUniqueId(pseudo, negated = false) {
|
|
155
|
-
const base = `pseudo:${pseudo}`;
|
|
156
|
-
return negated ? `!${base}` : base;
|
|
157
|
-
}
|
|
158
|
-
/**
|
|
159
|
-
* Generate a normalized unique ID for a media condition
|
|
160
|
-
*/
|
|
161
|
-
export function mediaUniqueId(subtype, props, negated = false) {
|
|
162
|
-
let base;
|
|
163
|
-
if (subtype === 'dimension') {
|
|
164
|
-
const parts = ['media', 'dim', props.dimension];
|
|
165
|
-
if (props.lowerBound) {
|
|
166
|
-
parts.push(props.lowerBound.inclusive ? '>=' : '>');
|
|
167
|
-
parts.push(props.lowerBound.value);
|
|
168
|
-
}
|
|
169
|
-
if (props.upperBound) {
|
|
170
|
-
parts.push(props.upperBound.inclusive ? '<=' : '<');
|
|
171
|
-
parts.push(props.upperBound.value);
|
|
172
|
-
}
|
|
173
|
-
base = parts.join(':');
|
|
174
|
-
}
|
|
175
|
-
else if (subtype === 'feature') {
|
|
176
|
-
base = props.featureValue
|
|
177
|
-
? `media:feat:${props.feature}:${props.featureValue}`
|
|
178
|
-
: `media:feat:${props.feature}`;
|
|
179
|
-
}
|
|
180
|
-
else {
|
|
181
|
-
base = `media:type:${props.mediaType}`;
|
|
182
|
-
}
|
|
183
|
-
return negated ? `!${base}` : base;
|
|
184
|
-
}
|
|
185
|
-
/**
|
|
186
|
-
* Generate a normalized unique ID for a container condition
|
|
187
|
-
*/
|
|
188
|
-
export function containerUniqueId(subtype, props, negated = false) {
|
|
189
|
-
let base;
|
|
190
|
-
const name = props.containerName || '_';
|
|
191
|
-
if (subtype === 'dimension') {
|
|
192
|
-
const parts = ['container', 'dim', name, props.dimension];
|
|
193
|
-
if (props.lowerBound) {
|
|
194
|
-
parts.push(props.lowerBound.inclusive ? '>=' : '>');
|
|
195
|
-
parts.push(props.lowerBound.value);
|
|
196
|
-
}
|
|
197
|
-
if (props.upperBound) {
|
|
198
|
-
parts.push(props.upperBound.inclusive ? '<=' : '<');
|
|
199
|
-
parts.push(props.upperBound.value);
|
|
200
|
-
}
|
|
201
|
-
base = parts.join(':');
|
|
202
|
-
}
|
|
203
|
-
else {
|
|
204
|
-
base = props.propertyValue
|
|
205
|
-
? `container:style:${name}:--${props.property}:${props.propertyValue}`
|
|
206
|
-
: `container:style:${name}:--${props.property}`;
|
|
207
|
-
}
|
|
208
|
-
return negated ? `!${base}` : base;
|
|
209
|
-
}
|
|
210
|
-
/**
|
|
211
|
-
* Generate a normalized unique ID for a root condition
|
|
212
|
-
*/
|
|
213
|
-
export function rootUniqueId(selector, negated = false) {
|
|
214
|
-
const base = `root:${selector}`;
|
|
215
|
-
return negated ? `!${base}` : base;
|
|
216
|
-
}
|
|
217
|
-
/**
|
|
218
|
-
* Generate a normalized unique ID for an own condition
|
|
219
|
-
*/
|
|
220
|
-
export function ownUniqueId(innerUniqueId, negated = false) {
|
|
221
|
-
const base = `own:${innerUniqueId}`;
|
|
222
|
-
return negated ? `!${base}` : base;
|
|
223
|
-
}
|
|
224
|
-
/**
|
|
225
|
-
* Generate a normalized unique ID for a starting condition
|
|
226
|
-
*/
|
|
227
|
-
export function startingUniqueId(negated = false) {
|
|
228
|
-
return negated ? '!starting' : 'starting';
|
|
229
|
-
}
|
|
230
|
-
/**
|
|
231
|
-
* Generate a normalized unique ID for a supports condition
|
|
232
|
-
*/
|
|
233
|
-
export function supportsUniqueId(subtype, condition, negated = false) {
|
|
234
|
-
const base = `supports:${subtype}:${condition}`;
|
|
235
|
-
return negated ? `!${base}` : base;
|
|
236
|
-
}
|
|
237
|
-
// ============================================================================
|
|
238
|
-
// Condition Creation Helpers
|
|
239
|
-
// ============================================================================
|
|
240
|
-
/**
|
|
241
|
-
* Create a modifier condition
|
|
242
|
-
*/
|
|
243
|
-
export function createModifierCondition(attribute, value, operator = '=', negated = false, raw) {
|
|
244
|
-
return {
|
|
245
|
-
kind: 'state',
|
|
246
|
-
type: 'modifier',
|
|
247
|
-
negated,
|
|
248
|
-
raw: raw || (value ? `${attribute}${operator}${value}` : attribute),
|
|
249
|
-
uniqueId: modifierUniqueId(attribute, value, operator, negated),
|
|
250
|
-
attribute,
|
|
251
|
-
value,
|
|
252
|
-
operator: value ? operator : undefined,
|
|
253
|
-
};
|
|
254
|
-
}
|
|
255
|
-
/**
|
|
256
|
-
* Create a pseudo condition
|
|
257
|
-
*/
|
|
258
|
-
export function createPseudoCondition(pseudo, negated = false, raw) {
|
|
259
|
-
return {
|
|
260
|
-
kind: 'state',
|
|
261
|
-
type: 'pseudo',
|
|
262
|
-
negated,
|
|
263
|
-
raw: raw || pseudo,
|
|
264
|
-
uniqueId: pseudoUniqueId(pseudo, negated),
|
|
265
|
-
pseudo,
|
|
266
|
-
};
|
|
267
|
-
}
|
|
268
|
-
/**
|
|
269
|
-
* Create a media dimension condition
|
|
270
|
-
*/
|
|
271
|
-
export function createMediaDimensionCondition(dimension, lowerBound, upperBound, negated = false, raw) {
|
|
272
|
-
return {
|
|
273
|
-
kind: 'state',
|
|
274
|
-
type: 'media',
|
|
275
|
-
subtype: 'dimension',
|
|
276
|
-
negated,
|
|
277
|
-
raw: raw || `@media(${dimension})`,
|
|
278
|
-
uniqueId: mediaUniqueId('dimension', { dimension, lowerBound, upperBound }, negated),
|
|
279
|
-
dimension,
|
|
280
|
-
lowerBound,
|
|
281
|
-
upperBound,
|
|
282
|
-
};
|
|
283
|
-
}
|
|
284
|
-
/**
|
|
285
|
-
* Create a media feature condition
|
|
286
|
-
*/
|
|
287
|
-
export function createMediaFeatureCondition(feature, featureValue, negated = false, raw) {
|
|
288
|
-
return {
|
|
289
|
-
kind: 'state',
|
|
290
|
-
type: 'media',
|
|
291
|
-
subtype: 'feature',
|
|
292
|
-
negated,
|
|
293
|
-
raw: raw || `@media(${feature}${featureValue ? `: ${featureValue}` : ''})`,
|
|
294
|
-
uniqueId: mediaUniqueId('feature', { feature, featureValue }, negated),
|
|
295
|
-
feature,
|
|
296
|
-
featureValue,
|
|
297
|
-
};
|
|
298
|
-
}
|
|
299
|
-
/**
|
|
300
|
-
* Create a media type condition
|
|
301
|
-
*/
|
|
302
|
-
export function createMediaTypeCondition(mediaType, negated = false, raw) {
|
|
303
|
-
return {
|
|
304
|
-
kind: 'state',
|
|
305
|
-
type: 'media',
|
|
306
|
-
subtype: 'type',
|
|
307
|
-
negated,
|
|
308
|
-
raw: raw || `@media:${mediaType}`,
|
|
309
|
-
uniqueId: mediaUniqueId('type', { mediaType }, negated),
|
|
310
|
-
mediaType,
|
|
311
|
-
};
|
|
312
|
-
}
|
|
313
|
-
/**
|
|
314
|
-
* Create a container dimension condition
|
|
315
|
-
*/
|
|
316
|
-
export function createContainerDimensionCondition(dimension, lowerBound, upperBound, containerName, negated = false, raw) {
|
|
317
|
-
return {
|
|
318
|
-
kind: 'state',
|
|
319
|
-
type: 'container',
|
|
320
|
-
subtype: 'dimension',
|
|
321
|
-
negated,
|
|
322
|
-
raw: raw || `@(${containerName ? containerName + ', ' : ''}${dimension})`,
|
|
323
|
-
uniqueId: containerUniqueId('dimension', { containerName, dimension, lowerBound, upperBound }, negated),
|
|
324
|
-
containerName,
|
|
325
|
-
dimension,
|
|
326
|
-
lowerBound,
|
|
327
|
-
upperBound,
|
|
328
|
-
};
|
|
329
|
-
}
|
|
330
|
-
/**
|
|
331
|
-
* Create a container style condition
|
|
332
|
-
*/
|
|
333
|
-
export function createContainerStyleCondition(property, propertyValue, containerName, negated = false, raw) {
|
|
334
|
-
return {
|
|
335
|
-
kind: 'state',
|
|
336
|
-
type: 'container',
|
|
337
|
-
subtype: 'style',
|
|
338
|
-
negated,
|
|
339
|
-
raw: raw ||
|
|
340
|
-
`@(${containerName ? containerName + ', ' : ''}$${property}${propertyValue ? '=' + propertyValue : ''})`,
|
|
341
|
-
uniqueId: containerUniqueId('style', { containerName, property, propertyValue }, negated),
|
|
342
|
-
containerName,
|
|
343
|
-
property,
|
|
344
|
-
propertyValue,
|
|
345
|
-
};
|
|
346
|
-
}
|
|
347
|
-
/**
|
|
348
|
-
* Create a root condition
|
|
349
|
-
*/
|
|
350
|
-
export function createRootCondition(selector, negated = false, raw) {
|
|
351
|
-
return {
|
|
352
|
-
kind: 'state',
|
|
353
|
-
type: 'root',
|
|
354
|
-
negated,
|
|
355
|
-
raw: raw || `@root(${selector})`,
|
|
356
|
-
uniqueId: rootUniqueId(selector, negated),
|
|
357
|
-
selector,
|
|
358
|
-
};
|
|
359
|
-
}
|
|
360
|
-
/**
|
|
361
|
-
* Create an own condition
|
|
362
|
-
*/
|
|
363
|
-
export function createOwnCondition(innerCondition, negated = false, raw) {
|
|
364
|
-
const innerUniqueId = getConditionUniqueId(innerCondition);
|
|
365
|
-
return {
|
|
366
|
-
kind: 'state',
|
|
367
|
-
type: 'own',
|
|
368
|
-
negated,
|
|
369
|
-
raw: raw || `@own(...)`,
|
|
370
|
-
uniqueId: ownUniqueId(innerUniqueId, negated),
|
|
371
|
-
innerCondition,
|
|
372
|
-
};
|
|
373
|
-
}
|
|
374
|
-
/**
|
|
375
|
-
* Create a starting condition
|
|
376
|
-
*/
|
|
377
|
-
export function createStartingCondition(negated = false, raw) {
|
|
378
|
-
return {
|
|
379
|
-
kind: 'state',
|
|
380
|
-
type: 'starting',
|
|
381
|
-
negated,
|
|
382
|
-
raw: raw || '@starting',
|
|
383
|
-
uniqueId: startingUniqueId(negated),
|
|
384
|
-
};
|
|
385
|
-
}
|
|
386
|
-
/**
|
|
387
|
-
* Create a supports condition
|
|
388
|
-
*
|
|
389
|
-
* @param subtype 'feature' for @supports(display: grid), 'selector' for @supports($, :has(*))
|
|
390
|
-
* @param condition The condition string (e.g., "display: grid" or ":has(*)")
|
|
391
|
-
*/
|
|
392
|
-
export function createSupportsCondition(subtype, condition, negated = false, raw) {
|
|
393
|
-
return {
|
|
394
|
-
kind: 'state',
|
|
395
|
-
type: 'supports',
|
|
396
|
-
subtype,
|
|
397
|
-
negated,
|
|
398
|
-
raw: raw || `@supports(${condition})`,
|
|
399
|
-
uniqueId: supportsUniqueId(subtype, condition, negated),
|
|
400
|
-
condition,
|
|
401
|
-
};
|
|
402
|
-
}
|
|
403
|
-
// ============================================================================
|
|
404
|
-
// Utility Functions
|
|
405
|
-
// ============================================================================
|
|
406
|
-
/**
|
|
407
|
-
* Get the unique ID for any condition node
|
|
408
|
-
*/
|
|
409
|
-
export function getConditionUniqueId(node) {
|
|
410
|
-
if (node.kind === 'true') {
|
|
411
|
-
return 'TRUE';
|
|
412
|
-
}
|
|
413
|
-
if (node.kind === 'false') {
|
|
414
|
-
return 'FALSE';
|
|
415
|
-
}
|
|
416
|
-
if (node.kind === 'state') {
|
|
417
|
-
return node.uniqueId;
|
|
418
|
-
}
|
|
419
|
-
if (node.kind === 'compound') {
|
|
420
|
-
const childIds = node.children.map(getConditionUniqueId).sort();
|
|
421
|
-
return `${node.operator}(${childIds.join(',')})`;
|
|
422
|
-
}
|
|
423
|
-
return 'UNKNOWN';
|
|
424
|
-
}
|
|
425
|
-
|
|
426
|
-
|