@cube-dev/ui-kit 0.0.0-canary-57f1bfe → 0.0.0-canary-ffc66c6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_internal/hooks/use-chained-callback.js +1 -1
- package/dist/_internal/hooks/use-debounced-value.js +1 -1
- package/dist/_internal/hooks/use-deprecation-warning.js +1 -1
- package/dist/_internal/hooks/use-event.js +1 -1
- package/dist/_internal/hooks/use-is-first-render.js +1 -1
- package/dist/_internal/hooks/use-sync-ref.js +1 -1
- package/dist/_internal/hooks/use-timer/timer.js +1 -1
- package/dist/_internal/hooks/use-timer/use-timer.js +1 -1
- package/dist/_internal/hooks/use-warn.js +1 -1
- package/dist/components/Block.js +1 -1
- package/dist/components/CollectionItem.js +1 -1
- package/dist/components/GlobalStyles.js +43 -54
- package/dist/components/GlobalStyles.js.map +1 -1
- package/dist/components/GridProvider.js +1 -1
- package/dist/components/HiddenInput.js +1 -1
- package/dist/components/Root.js +4 -9
- package/dist/components/Root.js.map +1 -1
- package/dist/components/actions/Action/Action.js +1 -1
- package/dist/components/actions/Banner/Banner.js +1 -1
- package/dist/components/actions/Button/Button.js +1 -1
- package/dist/components/actions/ButtonGroup/ButtonGroup.js +1 -1
- package/dist/components/actions/ButtonSplit/ButtonSplit.js +1 -1
- package/dist/components/actions/ButtonSplit/context.js +1 -1
- package/dist/components/actions/CommandMenu/CommandMenu.js +1 -1
- package/dist/components/actions/CommandMenu/styled.js +3 -3
- package/dist/components/actions/CommandMenu/styled.js.map +1 -1
- package/dist/components/actions/ItemAction/ItemAction.js +1 -1
- package/dist/components/actions/ItemActionContext.js +1 -1
- package/dist/components/actions/ItemButton/ItemButton.js +1 -1
- package/dist/components/actions/Link/Link.js +1 -1
- package/dist/components/actions/Menu/Menu.js +1 -1
- package/dist/components/actions/Menu/MenuItem.js +1 -1
- package/dist/components/actions/Menu/MenuSection.js +1 -1
- package/dist/components/actions/Menu/MenuTrigger.js +1 -1
- package/dist/components/actions/Menu/SubMenuTrigger.js +1 -1
- package/dist/components/actions/Menu/SubmenuTriggerContext.js +1 -1
- package/dist/components/actions/Menu/context.js +1 -1
- package/dist/components/actions/Menu/styled.js +5 -5
- package/dist/components/actions/Menu/styled.js.map +1 -1
- package/dist/components/actions/index.js +1 -1
- package/dist/components/actions/use-action.js +1 -1
- package/dist/components/actions/use-anchored-menu.js +1 -1
- package/dist/components/actions/use-context-menu.js +1 -1
- package/dist/components/content/ActiveZone/ActiveZone.js +1 -1
- package/dist/components/content/Alert/Alert.js +1 -1
- package/dist/components/content/Alert/use-alert.js +1 -1
- package/dist/components/content/Avatar/Avatar.js +1 -1
- package/dist/components/content/Badge/Badge.js +1 -1
- package/dist/components/content/Card/Card.js +2 -2
- package/dist/components/content/Card/Card.js.map +1 -1
- package/dist/components/content/Content.js +1 -1
- package/dist/components/content/CopyPasteBlock/CopyPasteBlock.js +1 -1
- package/dist/components/content/CopySnippet/CopySnippet.js +1 -1
- package/dist/components/content/Disclosure/Disclosure.js +2 -2
- package/dist/components/content/Disclosure/Disclosure.js.map +1 -1
- package/dist/components/content/Divider.js +1 -1
- package/dist/components/content/Footer.js +1 -1
- package/dist/components/content/Header.js +1 -1
- package/dist/components/content/HotKeys/HotKeys.js +1 -1
- package/dist/components/content/InlineInput/InlineInput.d.ts +25 -0
- package/dist/components/content/InlineInput/InlineInput.js +88 -44
- package/dist/components/content/InlineInput/InlineInput.js.map +1 -1
- package/dist/components/content/Item/Item.js +2 -2
- package/dist/components/content/Item/Item.js.map +1 -1
- package/dist/components/content/ItemBadge/ItemBadge.js +1 -1
- package/dist/components/content/ItemCard/ItemCard.js +1 -1
- package/dist/components/content/Layout/GridLayout.js +1 -1
- package/dist/components/content/Layout/Layout.js +1 -1
- package/dist/components/content/Layout/LayoutBlock.js +1 -1
- package/dist/components/content/Layout/LayoutCenter.js +1 -1
- package/dist/components/content/Layout/LayoutContainer.js +1 -1
- package/dist/components/content/Layout/LayoutContent.js +1 -1
- package/dist/components/content/Layout/LayoutContext.js +1 -1
- package/dist/components/content/Layout/LayoutFlex.js +1 -1
- package/dist/components/content/Layout/LayoutFooter.js +1 -1
- package/dist/components/content/Layout/LayoutGrid.js +1 -1
- package/dist/components/content/Layout/LayoutHeader.js +1 -1
- package/dist/components/content/Layout/LayoutPane.js +2 -2
- package/dist/components/content/Layout/LayoutPane.js.map +1 -1
- package/dist/components/content/Layout/LayoutPanel.js +3 -3
- package/dist/components/content/Layout/LayoutPanel.js.map +1 -1
- package/dist/components/content/Layout/LayoutPanelHeader.js +1 -1
- package/dist/components/content/Layout/LayoutToolbar.js +1 -1
- package/dist/components/content/Layout/hooks/useTinyScrollbar.js +1 -1
- package/dist/components/content/Layout/index.js +1 -1
- package/dist/components/content/Layout/utils.js +1 -1
- package/dist/components/content/Paragraph.js +1 -1
- package/dist/components/content/Placeholder/Placeholder.js +1 -1
- package/dist/components/content/PrismCode/PrismCode.js +1 -1
- package/dist/components/content/PrismCode/prismSetup.js +1 -1
- package/dist/components/content/PrismDiffCode/PrismDiffCode.js +1 -1
- package/dist/components/content/Result/Result.js +1 -1
- package/dist/components/content/Skeleton/Skeleton.js +1 -1
- package/dist/components/content/Tag/Tag.js +1 -1
- package/dist/components/content/Text.js +1 -1
- package/dist/components/content/TextItem/TextItem.js +1 -1
- package/dist/components/content/Title.js +1 -1
- package/dist/components/content/Tree/Tree.js +1 -1
- package/dist/components/content/Tree/TreeNode.js +1 -1
- package/dist/components/content/Tree/styled.js +1 -1
- package/dist/components/content/Tree/tree-index.js +1 -1
- package/dist/components/content/Tree/use-checkbox-tree.js +1 -1
- package/dist/components/content/Tree/use-load-data.js +1 -1
- package/dist/components/content/highlightText.js +1 -1
- package/dist/components/content/use-auto-tooltip.js +1 -1
- package/dist/components/fields/Checkbox/Checkbox.js +5 -5
- package/dist/components/fields/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/fields/Checkbox/CheckboxGroup.js +1 -1
- package/dist/components/fields/Checkbox/context.js +1 -1
- package/dist/components/fields/ComboBox/ComboBox.js +2 -2
- package/dist/components/fields/ComboBox/ComboBox.js.map +1 -1
- package/dist/components/fields/DatePicker/DateInput.js +1 -1
- package/dist/components/fields/DatePicker/DateInputBase.js +1 -1
- package/dist/components/fields/DatePicker/DatePicker.js +1 -1
- package/dist/components/fields/DatePicker/DatePickerButton.js +1 -1
- package/dist/components/fields/DatePicker/DatePickerElement.js +1 -1
- package/dist/components/fields/DatePicker/DatePickerInput.js +1 -1
- package/dist/components/fields/DatePicker/DatePickerSegment.js +1 -1
- package/dist/components/fields/DatePicker/DateRangePicker.js +1 -1
- package/dist/components/fields/DatePicker/DateRangeSeparatedPicker.js +1 -1
- package/dist/components/fields/DatePicker/TimeInput.js +1 -1
- package/dist/components/fields/DatePicker/intl.js +1 -1
- package/dist/components/fields/DatePicker/parseDate.js +1 -1
- package/dist/components/fields/DatePicker/props.js +1 -1
- package/dist/components/fields/DatePicker/utils.js +1 -1
- package/dist/components/fields/FileInput/FileInput.js +3 -3
- package/dist/components/fields/FileInput/FileInput.js.map +1 -1
- package/dist/components/fields/FilterListBox/FilterListBox.js +1 -1
- package/dist/components/fields/FilterPicker/FilterPicker.js +1 -1
- package/dist/components/fields/Input/Input.js +1 -1
- package/dist/components/fields/ListBox/DraggableListBox.js +1 -1
- package/dist/components/fields/ListBox/ListBox.js +1 -1
- package/dist/components/fields/NumberInput/NumberInput.js +1 -1
- package/dist/components/fields/NumberInput/StepButton.js +1 -1
- package/dist/components/fields/PasswordInput/PasswordInput.js +1 -1
- package/dist/components/fields/Picker/Picker.js +1 -1
- package/dist/components/fields/RadioGroup/Radio.js +4 -4
- package/dist/components/fields/RadioGroup/Radio.js.map +1 -1
- package/dist/components/fields/RadioGroup/RadioGroup.js +2 -2
- package/dist/components/fields/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/components/fields/RadioGroup/context.js +1 -1
- package/dist/components/fields/SearchInput/SearchInput.js +1 -1
- package/dist/components/fields/Select/Select.js +5 -5
- package/dist/components/fields/Select/Select.js.map +1 -1
- package/dist/components/fields/Slider/Gradation.js +1 -1
- package/dist/components/fields/Slider/HueSlider.js +1 -1
- package/dist/components/fields/Slider/RangeSlider.js +1 -1
- package/dist/components/fields/Slider/Slider.js +1 -1
- package/dist/components/fields/Slider/SliderBase.js +1 -1
- package/dist/components/fields/Slider/SliderThumb.js +1 -1
- package/dist/components/fields/Slider/SliderTrack.js +1 -1
- package/dist/components/fields/Slider/elements.js +3 -3
- package/dist/components/fields/Slider/elements.js.map +1 -1
- package/dist/components/fields/Slider/index.js +1 -1
- package/dist/components/fields/Switch/Switch.js +2 -2
- package/dist/components/fields/Switch/Switch.js.map +1 -1
- package/dist/components/fields/TextArea/TextArea.js +1 -1
- package/dist/components/fields/TextInput/TextInput.js +1 -1
- package/dist/components/fields/TextInput/TextInputBase.js +3 -3
- package/dist/components/fields/TextInput/TextInputBase.js.map +1 -1
- package/dist/components/fields/TextInputMapper/TextInputMapper.js +1 -1
- package/dist/components/form/FieldWrapper/FieldWrapper.js +1 -1
- package/dist/components/form/FieldWrapper/extract-field-wrapper-props.js +1 -1
- package/dist/components/form/Form/Field.js +1 -1
- package/dist/components/form/Form/Form.js +1 -1
- package/dist/components/form/Form/ResetButton/ResetButton.js +1 -1
- package/dist/components/form/Form/SubmitButton/SubmitButton.js +1 -1
- package/dist/components/form/Form/SubmitError.js +1 -1
- package/dist/components/form/Form/index.js +1 -1
- package/dist/components/form/Form/use-field/use-field-props.js +1 -1
- package/dist/components/form/Form/use-field/use-field.js +1 -1
- package/dist/components/form/Form/use-form.js +1 -1
- package/dist/components/form/Form/validation.js +1 -1
- package/dist/components/form/Label.js +1 -1
- package/dist/components/form/wrapper.js +1 -1
- package/dist/components/helpers/DisplayTransition/DisplayTransition.js +1 -1
- package/dist/components/helpers/IconSwitch/IconSwitch.js +1 -1
- package/dist/components/layout/Flex.js +1 -1
- package/dist/components/layout/Flow.js +1 -1
- package/dist/components/layout/Grid.js +1 -1
- package/dist/components/layout/Panel.js +1 -1
- package/dist/components/layout/Prefix.js +1 -1
- package/dist/components/layout/ResizablePanel.js +2 -2
- package/dist/components/layout/ResizablePanel.js.map +1 -1
- package/dist/components/layout/Space.js +1 -1
- package/dist/components/layout/Suffix.js +1 -1
- package/dist/components/navigation/Tabs/DraggableTabList.js +1 -1
- package/dist/components/navigation/Tabs/TabButton.js +5 -2
- package/dist/components/navigation/Tabs/TabButton.js.map +1 -1
- package/dist/components/navigation/Tabs/TabDropIndicator.js +1 -1
- package/dist/components/navigation/Tabs/TabPanel.js +1 -1
- package/dist/components/navigation/Tabs/TabPicker.js +1 -1
- package/dist/components/navigation/Tabs/Tabs.js +1 -1
- package/dist/components/navigation/Tabs/TabsAction.js +1 -1
- package/dist/components/navigation/Tabs/TabsContext.js +1 -1
- package/dist/components/navigation/Tabs/styled.js +3 -3
- package/dist/components/navigation/Tabs/styled.js.map +1 -1
- package/dist/components/navigation/Tabs/types.js +1 -1
- package/dist/components/navigation/Tabs/use-tab-editing.js +1 -1
- package/dist/components/navigation/Tabs/use-tab-indicator.js +1 -1
- package/dist/components/organisms/FileTabs/FileTabs.js +2 -2
- package/dist/components/organisms/FileTabs/FileTabs.js.map +1 -1
- package/dist/components/organisms/StatsCard/StatsCard.js +2 -2
- package/dist/components/organisms/StatsCard/StatsCard.js.map +1 -1
- package/dist/components/other/Calendar/Calendar.js +1 -1
- package/dist/components/other/Calendar/CalendarCell.js +1 -1
- package/dist/components/other/Calendar/CalendarGrid.js +1 -1
- package/dist/components/other/Calendar/RangeCalendar.js +1 -1
- package/dist/components/other/CloudLogo/CloudLogo.js +1 -1
- package/dist/components/overlays/AlertDialog/AlertDialog.js +1 -1
- package/dist/components/overlays/AlertDialog/AlertDialogApiProvider.js +1 -1
- package/dist/components/overlays/AlertDialog/AlertDialogZone.js +1 -1
- package/dist/components/overlays/Dialog/Dialog.js +2 -2
- package/dist/components/overlays/Dialog/Dialog.js.map +1 -1
- package/dist/components/overlays/Dialog/DialogContainer.js +1 -1
- package/dist/components/overlays/Dialog/DialogForm.js +1 -1
- package/dist/components/overlays/Dialog/DialogTrigger.js +1 -1
- package/dist/components/overlays/Dialog/context.js +1 -1
- package/dist/components/overlays/Dialog/use-dialog-container.js +1 -1
- package/dist/components/overlays/Modal/Modal.js +1 -1
- package/dist/components/overlays/Modal/OpenTransitionContext.js +1 -1
- package/dist/components/overlays/Modal/Overlay.js +1 -1
- package/dist/components/overlays/Modal/Popover.js +1 -1
- package/dist/components/overlays/Modal/Tray.js +1 -1
- package/dist/components/overlays/Modal/Underlay.js +1 -1
- package/dist/components/overlays/Notifications/Notification.js +1 -1
- package/dist/components/overlays/Notifications/NotificationAction.js +1 -1
- package/dist/components/overlays/Notifications/NotificationCard.js +1 -1
- package/dist/components/overlays/Notifications/NotificationContext.js +1 -1
- package/dist/components/overlays/Notifications/NotificationItem.js +1 -1
- package/dist/components/overlays/Notifications/OverlayContainer.js +1 -1
- package/dist/components/overlays/Notifications/OverlayProvider.js +1 -1
- package/dist/components/overlays/Notifications/PersistentNotificationsList.js +1 -1
- package/dist/components/overlays/Notifications/dismissed-storage.js +1 -1
- package/dist/components/overlays/Notifications/format-relative-time.js +1 -1
- package/dist/components/overlays/Notifications/index.js +1 -1
- package/dist/components/overlays/Notifications/use-notification-state.js +1 -1
- package/dist/components/overlays/Notifications/use-notifications.js +1 -1
- package/dist/components/overlays/Notifications/use-overlay-timers.js +1 -1
- package/dist/components/overlays/Notifications/use-persistent-notifications.js +1 -1
- package/dist/components/overlays/Notifications/use-persistent-state.js +1 -1
- package/dist/components/overlays/Notifications/use-toast-state.js +1 -1
- package/dist/components/overlays/Toast/ToastItem.js +1 -1
- package/dist/components/overlays/Toast/index.js +1 -1
- package/dist/components/overlays/Toast/useProgressToast.js +1 -1
- package/dist/components/overlays/Toast/useToast.js +1 -1
- package/dist/components/overlays/Tooltip/Tooltip.js +7 -7
- package/dist/components/overlays/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/overlays/Tooltip/TooltipProvider.js +1 -1
- package/dist/components/overlays/Tooltip/TooltipTrigger.js +1 -1
- package/dist/components/overlays/Tooltip/context.js +1 -1
- package/dist/components/portal/Portal.js +1 -1
- package/dist/components/portal/PortalProvider.js +1 -1
- package/dist/components/portal/usePortal.js +1 -1
- package/dist/components/shared/DraggableCollection.js +1 -1
- package/dist/components/shared/InvalidIcon.js +1 -1
- package/dist/components/shared/ValidIcon.js +1 -1
- package/dist/components/status/LoadingAnimation/LoadingAnimation.js +7 -23
- package/dist/components/status/LoadingAnimation/LoadingAnimation.js.map +1 -1
- package/dist/components/status/Spin/Cube.js +1 -1
- package/dist/components/status/Spin/InternalSpinner.js +1 -1
- package/dist/components/status/Spin/Spin.js +1 -1
- package/dist/components/status/Spin/SpinsContainer.js +1 -1
- package/dist/data/item-themes.js +115 -114
- package/dist/data/item-themes.js.map +1 -1
- package/dist/data/themes.d.ts +17 -17
- package/dist/data/themes.js +18 -18
- package/dist/data/themes.js.map +1 -1
- package/dist/icons/AdjustmentsHorizontalIcon.js +1 -1
- package/dist/icons/AdjustmentsIcon.js +1 -1
- package/dist/icons/AiIcon.js +1 -1
- package/dist/icons/AreaChartIcon.js +1 -1
- package/dist/icons/BackwardIcon.js +1 -1
- package/dist/icons/BarChartIcon.js +1 -1
- package/dist/icons/BellFilledIcon.js +1 -1
- package/dist/icons/BellIcon.js +1 -1
- package/dist/icons/BooleanIcon.js +1 -1
- package/dist/icons/CalendarEditIcon.js +1 -1
- package/dist/icons/CalendarIcon.js +1 -1
- package/dist/icons/CaretDownIcon.js +1 -1
- package/dist/icons/CaretUpIcon.js +1 -1
- package/dist/icons/ChartAreaStackedIcon.js +1 -1
- package/dist/icons/ChartAreaStackedPercentageIcon.js +1 -1
- package/dist/icons/ChartBarGroupedHorizontalIcon.js +1 -1
- package/dist/icons/ChartBarGroupedIcon.js +1 -1
- package/dist/icons/ChartBarHorizontalIcon.js +1 -1
- package/dist/icons/ChartBarLineIcon.js +1 -1
- package/dist/icons/ChartBarStackedHorizontalIcon.js +1 -1
- package/dist/icons/ChartBarStackedIcon.js +1 -1
- package/dist/icons/ChartBarStackedPercentageHorizontalIcon.js +1 -1
- package/dist/icons/ChartBarStackedPercentageIcon.js +1 -1
- package/dist/icons/ChartBoxPlot2Icon.js +1 -1
- package/dist/icons/ChartBoxPlotIcon.js +1 -1
- package/dist/icons/ChartBubbleIcon.js +1 -1
- package/dist/icons/ChartDonut2Icon.js +1 -1
- package/dist/icons/ChartFunnelIcon.js +1 -1
- package/dist/icons/ChartHeatmapIcon.js +1 -1
- package/dist/icons/ChartKPIIcon.js +1 -1
- package/dist/icons/ChartPie2Icon.js +1 -1
- package/dist/icons/ChartScatterIcon.js +1 -1
- package/dist/icons/CheckCircleFilledIcon.js +1 -1
- package/dist/icons/CheckCircleIcon.js +1 -1
- package/dist/icons/CheckIcon.js +1 -1
- package/dist/icons/CircleFilledIcon.js +1 -1
- package/dist/icons/ClearIcon.js +1 -1
- package/dist/icons/CloseCircleFilledIcon.js +1 -1
- package/dist/icons/CloseCircleIcon.js +1 -1
- package/dist/icons/CloseIcon.js +1 -1
- package/dist/icons/CodeIcon.js +1 -1
- package/dist/icons/ColumnTotalIcon.js +1 -1
- package/dist/icons/CopyIcon.js +1 -1
- package/dist/icons/CountIcon.js +1 -1
- package/dist/icons/CubeIcon.js +1 -1
- package/dist/icons/CubePauseIcon.js +1 -1
- package/dist/icons/CubePlayIcon.js +1 -1
- package/dist/icons/CurrencyDollarIcon.js +1 -1
- package/dist/icons/DangerIcon.js +1 -1
- package/dist/icons/DashboardIcon.js +1 -1
- package/dist/icons/DatabaseIcon.js +1 -1
- package/dist/icons/DecimalDecreaseIcon.js +1 -1
- package/dist/icons/DecimalIncreaseIcon.js +1 -1
- package/dist/icons/DirectionIcon.js +1 -1
- package/dist/icons/DonutIcon.js +1 -1
- package/dist/icons/DownIcon.js +1 -1
- package/dist/icons/EditIcon.js +1 -1
- package/dist/icons/ExclamationCircleFilledIcon.js +1 -1
- package/dist/icons/ExclamationCircleIcon.js +1 -1
- package/dist/icons/ExclamationIcon.js +1 -1
- package/dist/icons/EyeIcon.js +1 -1
- package/dist/icons/EyeInvisibleIcon.js +1 -1
- package/dist/icons/FilterIcon.js +1 -1
- package/dist/icons/FolderFilledIcon.js +1 -1
- package/dist/icons/FolderIcon.js +1 -1
- package/dist/icons/FolderOpenFilledIcon.js +1 -1
- package/dist/icons/FolderOpenIcon.js +1 -1
- package/dist/icons/ForwardIcon.js +1 -1
- package/dist/icons/GripVerticalIcon.js +1 -1
- package/dist/icons/HierarchyIcon.js +1 -1
- package/dist/icons/HierarchyOpenIcon.js +1 -1
- package/dist/icons/Icon.js +1 -1
- package/dist/icons/InfoCircleIcon.js +1 -1
- package/dist/icons/InfoIcon.js +1 -1
- package/dist/icons/KeyIcon.js +1 -1
- package/dist/icons/LeftIcon.js +1 -1
- package/dist/icons/LineChartIcon.js +1 -1
- package/dist/icons/LoadingIcon.js +1 -1
- package/dist/icons/LockFilledIcon.js +1 -1
- package/dist/icons/LockIcon.js +1 -1
- package/dist/icons/MoreIcon.js +1 -1
- package/dist/icons/NotAllowedIcon.js +1 -1
- package/dist/icons/Number123Icon.js +1 -1
- package/dist/icons/NumberIcon.js +1 -1
- package/dist/icons/PauseCircleFilledIcon.js +1 -1
- package/dist/icons/PauseCircleIcon.js +1 -1
- package/dist/icons/PauseIcon.js +1 -1
- package/dist/icons/PercentageIcon.js +1 -1
- package/dist/icons/PieChartIcon.js +1 -1
- package/dist/icons/PlayCircleIcon.js +1 -1
- package/dist/icons/PlayIcon.js +1 -1
- package/dist/icons/PlusIcon.js +1 -1
- package/dist/icons/ProgressBarIcon.js +1 -1
- package/dist/icons/ReloadIcon.js +1 -1
- package/dist/icons/ReportIcon.js +1 -1
- package/dist/icons/ReturnIcon.js +1 -1
- package/dist/icons/RightIcon.js +1 -1
- package/dist/icons/RowTotalsIcon.js +1 -1
- package/dist/icons/SchemeIcon.js +1 -1
- package/dist/icons/SearchIcon.js +1 -1
- package/dist/icons/SemanticQueryIcon.js +1 -1
- package/dist/icons/SettingsIcon.js +1 -1
- package/dist/icons/ShieldFilledIcon.js +1 -1
- package/dist/icons/ShieldIcon.js +1 -1
- package/dist/icons/SlashIcon.js +1 -1
- package/dist/icons/SparklesIcon.js +1 -1
- package/dist/icons/SqlIcon.js +1 -1
- package/dist/icons/StatsIcon.js +1 -1
- package/dist/icons/StopIcon.js +1 -1
- package/dist/icons/StringIcon.js +1 -1
- package/dist/icons/SubtotalsIcon.js +1 -1
- package/dist/icons/SwitchIcon.js +1 -1
- package/dist/icons/TableIcon.js +1 -1
- package/dist/icons/ThumbsDownIcon.js +1 -1
- package/dist/icons/ThumbsUpIcon.js +1 -1
- package/dist/icons/ThunderboltCrossedIcon.js +1 -1
- package/dist/icons/ThunderboltFilledIcon.js +1 -1
- package/dist/icons/ThunderboltIcon.js +1 -1
- package/dist/icons/TimeIcon.js +1 -1
- package/dist/icons/TrashIcon.js +1 -1
- package/dist/icons/UnlockIcon.js +1 -1
- package/dist/icons/UpIcon.js +1 -1
- package/dist/icons/UserGroupIcon.js +1 -1
- package/dist/icons/UserIcon.js +1 -1
- package/dist/icons/UserLockIcon.js +1 -1
- package/dist/icons/ViewIcon.js +1 -1
- package/dist/icons/WarningFilledIcon.js +1 -1
- package/dist/icons/WarningIcon.js +1 -1
- package/dist/icons/wrap-icon.js +1 -1
- package/dist/index.js +1 -1
- package/dist/provider.js +1 -1
- package/dist/providers/TrackingProvider.js +1 -1
- package/dist/providers/navigationAdapter.default.js +1 -1
- package/dist/tokens/base.js +1 -1
- package/dist/tokens/colors.d.ts +3 -4
- package/dist/tokens/colors.js +83 -93
- package/dist/tokens/colors.js.map +1 -1
- package/dist/tokens/index.js +1 -1
- package/dist/tokens/layout.js +1 -1
- package/dist/tokens/shadows.d.ts +1 -4
- package/dist/tokens/shadows.js +6 -9
- package/dist/tokens/shadows.js.map +1 -1
- package/dist/tokens/sizes.js +1 -1
- package/dist/tokens/spacing.js +1 -1
- package/dist/tokens/typography.js +1 -1
- package/dist/utils/ResizeSensor.js +1 -1
- package/dist/utils/is-dev-env.js +1 -1
- package/dist/utils/modules.js +1 -1
- package/dist/utils/promise.js +1 -1
- package/dist/utils/raf.js +1 -1
- package/dist/utils/random.js +1 -1
- package/dist/utils/range.js +1 -1
- package/dist/utils/react/RenderCache.js +1 -1
- package/dist/utils/react/Slots.js +1 -1
- package/dist/utils/react/chain.js +1 -1
- package/dist/utils/react/forwardRefWithGenerics.js +1 -1
- package/dist/utils/react/index.js +1 -1
- package/dist/utils/react/interactions.js +1 -1
- package/dist/utils/react/isTextOnly.js +1 -1
- package/dist/utils/react/mapProps.js +1 -1
- package/dist/utils/react/mergeProps.js +1 -1
- package/dist/utils/react/nullableValue.js +1 -1
- package/dist/utils/react/resolveIcon.js +1 -1
- package/dist/utils/react/sharedStore.js +1 -1
- package/dist/utils/react/useCombinedRefs.js +1 -1
- package/dist/utils/react/useControlledFocusVisible.js +1 -1
- package/dist/utils/react/useEventBus.js +1 -1
- package/dist/utils/react/useId.js +1 -1
- package/dist/utils/react/useIsDarwin.js +1 -1
- package/dist/utils/react/useKeySymbols.js +1 -1
- package/dist/utils/react/useLayoutEffect.js +1 -1
- package/dist/utils/react/useLocalStorage.js +1 -1
- package/dist/utils/react/useMergeStyles.js +1 -1
- package/dist/utils/react/usePopoverSync.js +1 -1
- package/dist/utils/react/useQaProps.js +1 -1
- package/dist/utils/react/useViewportSize.js +1 -1
- package/dist/utils/react/wrapNodeIfPlain.js +1 -1
- package/dist/utils/selection.js +1 -1
- package/dist/utils/styles.js +1 -1
- package/dist/utils/tree.js +1 -1
- package/dist/utils/warnings.js +1 -1
- package/dist/version.d.ts +0 -3
- package/dist/version.js +5 -13
- package/dist/version.js.map +1 -1
- package/docs/Usage.md +30 -98
- package/docs/components/content/Card.md +1 -1
- package/docs/components/content/InlineInput.md +45 -2
- package/docs/components/content/PrismCode.md +0 -21
- package/docs/components/form/Field.md +1 -1
- package/docs/components/layout/ResizablePanel.md +1 -1
- package/docs/components/navigation/Tabs.md +2 -0
- package/docs/components/organisms/FileTabs.md +1 -1
- package/docs/components/organisms/StatsCard.md +1 -1
- package/docs/tasty/configuration.md +0 -44
- package/docs/tasty/dsl.md +13 -14
- package/docs/tasty/methodology.md +0 -26
- package/docs/tasty/react-api.md +0 -24
- package/docs/tasty/ssr.md +3 -5
- package/docs/tasty/styles.md +7 -9
- package/docs/tasty/tasty-static.md +0 -15
- package/package.json +8 -10
- package/dist/tokens/palette.js +0 -364
- package/dist/tokens/palette.js.map +0 -1
package/dist/icons/UserIcon.js
CHANGED
package/dist/icons/ViewIcon.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-
|
|
1
|
+
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
|
|
2
2
|
import { wrapIcon } from "./wrap-icon.js";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
import { IconAlertTriangleFilled } from "@tabler/icons-react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-
|
|
1
|
+
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
|
|
2
2
|
import { wrapIcon } from "./wrap-icon.js";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
import { IconAlertTriangle } from "@tabler/icons-react";
|
package/dist/icons/wrap-icon.js
CHANGED
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-
|
|
1
|
+
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
|
|
2
2
|
import { extractStyles } from "./utils/styles.js";
|
|
3
3
|
import { chain } from "./utils/react/chain.js";
|
|
4
4
|
import { forwardRefWithGenerics } from "./utils/react/forwardRefWithGenerics.js";
|
package/dist/provider.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-
|
|
1
|
+
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
|
|
2
2
|
import { EventBusProvider } from "./utils/react/useEventBus.js";
|
|
3
3
|
import { defaultNavigationAdapter } from "./providers/navigationAdapter.default.js";
|
|
4
4
|
import { createContext, useContext, useMemo } from "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-
|
|
1
|
+
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
|
|
2
2
|
import { createContext, useContext, useMemo } from "react";
|
|
3
3
|
import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
|
|
4
4
|
|
package/dist/tokens/base.js
CHANGED
package/dist/tokens/colors.d.ts
CHANGED
|
@@ -3,10 +3,9 @@ import { Styles } from "@tenphi/tasty";
|
|
|
3
3
|
|
|
4
4
|
//#region src/tokens/colors.d.ts
|
|
5
5
|
/**
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
* tasty named colors and resolve automatically.
|
|
6
|
+
* Color tokens with # prefix for tasty color definitions.
|
|
7
|
+
* The tasty system automatically generates {name}-color-rgb variants.
|
|
8
|
+
* Colors are defined in OKHSL format for perceptually uniform color manipulation.
|
|
10
9
|
*/
|
|
11
10
|
declare const COLOR_TOKENS: Styles;
|
|
12
11
|
//#endregion
|
package/dist/tokens/colors.js
CHANGED
|
@@ -1,101 +1,91 @@
|
|
|
1
|
-
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-
|
|
2
|
-
import { PALETTE_TOKENS } from "./palette.js";
|
|
3
|
-
|
|
1
|
+
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
|
|
4
2
|
//#region src/tokens/colors.ts
|
|
3
|
+
const PINK_HUE = 5;
|
|
4
|
+
const PURPLE_HUE = 280.3;
|
|
5
|
+
const DANGER_HUE = 23.1;
|
|
6
|
+
const SUCCESS_HUE = 156.9;
|
|
7
|
+
const WARNING_HUE = 84.3;
|
|
8
|
+
const NOTE_HUE = 302.3;
|
|
9
|
+
const MAIN_SATURATION = 80;
|
|
10
|
+
const BG_SATURATION = 60;
|
|
11
|
+
const ICON_SATURATION = 75;
|
|
12
|
+
const MAIN_LIGHTNESS = 52;
|
|
13
|
+
const TEXT_LIGHTNESS = 45;
|
|
14
|
+
const BG_LIGHTNESS = 97;
|
|
15
|
+
const ICON_LIGHTNESS = 60;
|
|
16
|
+
const DISABLED_SATURATION = 32;
|
|
17
|
+
const DISABLED_LIGHTNESS = 80.8;
|
|
18
|
+
/** Generate an OKHSL color string */
|
|
19
|
+
const okhsl = (h, s, l) => `okhsl(${h} ${s}% ${l}%)`;
|
|
5
20
|
/**
|
|
6
|
-
* Color tokens with
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
* `#surface`, `#surface-text*`, `#border`, `#focus`, `#disabled`, `#pink`,
|
|
10
|
-
* `#shadow-*`, `#overlay`, the unprefixed `#accent-*` family, and the per-theme
|
|
11
|
-
* `#primary-*` / `#purple-*` / `#success-*` / `#danger-*` / `#warning-*` /
|
|
12
|
-
* `#note-*` families.
|
|
13
|
-
*
|
|
14
|
-
* Each Glaze token is a state map (`{ '': '...', '@dark': '...', '@hc': '...' }`),
|
|
15
|
-
* giving us light, dark, and high-contrast variants for free. The `@dark` /
|
|
16
|
-
* `@hc` predefined states are wired up globally in `src/components/Root.tsx`.
|
|
17
|
-
*
|
|
18
|
-
* The aliases below preserve backward compatibility with every legacy
|
|
19
|
-
* `#name` used across components, stories, and tests. Each alias resolves
|
|
20
|
-
* to a current Glaze token via tasty's `#token` reference syntax.
|
|
21
|
+
* Color tokens with # prefix for tasty color definitions.
|
|
22
|
+
* The tasty system automatically generates {name}-color-rgb variants.
|
|
23
|
+
* Colors are defined in OKHSL format for perceptually uniform color manipulation.
|
|
21
24
|
*/
|
|
22
|
-
const
|
|
23
|
-
"#
|
|
24
|
-
"#
|
|
25
|
-
"#
|
|
26
|
-
"#
|
|
27
|
-
"#
|
|
28
|
-
"#
|
|
29
|
-
"#
|
|
30
|
-
"#
|
|
31
|
-
"#
|
|
32
|
-
"#
|
|
33
|
-
"#
|
|
25
|
+
const COLOR_TOKENS = {
|
|
26
|
+
"#pink": okhsl(PINK_HUE, 100, 67),
|
|
27
|
+
"#primary": okhsl(PURPLE_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),
|
|
28
|
+
"#primary-text": okhsl(PURPLE_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),
|
|
29
|
+
"#primary-bg": okhsl(PURPLE_HUE, BG_SATURATION, BG_LIGHTNESS),
|
|
30
|
+
"#primary-icon": okhsl(PURPLE_HUE, ICON_SATURATION, ICON_LIGHTNESS),
|
|
31
|
+
"#primary-desaturated": okhsl(PURPLE_HUE, DISABLED_SATURATION, MAIN_LIGHTNESS),
|
|
32
|
+
"#primary-disabled": okhsl(PURPLE_HUE, DISABLED_SATURATION, DISABLED_LIGHTNESS),
|
|
33
|
+
"#purple": "#primary",
|
|
34
|
+
"#purple-text": "#primary-text",
|
|
35
|
+
"#purple-bg": "#primary-bg",
|
|
36
|
+
"#purple-icon": "#primary-icon",
|
|
37
|
+
"#purple-disabled": "#primary-disabled",
|
|
38
|
+
"#purple-01": okhsl(PURPLE_HUE, 100, 58),
|
|
39
|
+
"#purple-02": okhsl(PURPLE_HUE, 100, 66),
|
|
40
|
+
"#purple-03": okhsl(PURPLE_HUE, 100, 74),
|
|
41
|
+
"#purple-04": okhsl(PURPLE_HUE, 100, 83),
|
|
42
|
+
"#focus": okhsl(PURPLE_HUE, 69, 71),
|
|
43
|
+
"#text": okhsl(PURPLE_HUE, 30, 31),
|
|
44
|
+
"#dark": okhsl(PURPLE_HUE, 38, 12),
|
|
45
|
+
"#dark-01": okhsl(PURPLE_HUE, 38, 12),
|
|
46
|
+
"#dark-02": okhsl(PURPLE_HUE, 30, 31),
|
|
47
|
+
"#dark-03": okhsl(PURPLE_HUE, 19, 49),
|
|
48
|
+
"#dark-04": okhsl(PURPLE_HUE, 14, 67),
|
|
49
|
+
"#dark-05": okhsl(PURPLE_HUE, 14, 86),
|
|
50
|
+
"#surface": okhsl(PURPLE_HUE, 21, 100),
|
|
51
|
+
"#surface-2": okhsl(PURPLE_HUE, 21, 98),
|
|
52
|
+
"#surface-3": okhsl(PURPLE_HUE, 21, 96),
|
|
34
53
|
"#light": "#surface-3",
|
|
35
|
-
"#dark-bg":
|
|
54
|
+
"#dark-bg": okhsl(PURPLE_HUE, 21, 98),
|
|
55
|
+
"#white": "okhsl(0 0% 100%)",
|
|
56
|
+
"#black": "okhsl(0 0% 0%)",
|
|
57
|
+
"#danger": okhsl(DANGER_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),
|
|
58
|
+
"#danger-text": okhsl(DANGER_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),
|
|
59
|
+
"#danger-bg": okhsl(DANGER_HUE, BG_SATURATION, BG_LIGHTNESS),
|
|
60
|
+
"#danger-icon": okhsl(DANGER_HUE, ICON_SATURATION, ICON_LIGHTNESS),
|
|
61
|
+
"#danger-desaturated": okhsl(DANGER_HUE, DISABLED_SATURATION, MAIN_LIGHTNESS),
|
|
62
|
+
"#danger-disabled": okhsl(DANGER_HUE, DISABLED_SATURATION, DISABLED_LIGHTNESS),
|
|
63
|
+
"#success": okhsl(SUCCESS_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),
|
|
64
|
+
"#success-text": okhsl(SUCCESS_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),
|
|
65
|
+
"#success-bg": okhsl(SUCCESS_HUE, BG_SATURATION, BG_LIGHTNESS),
|
|
66
|
+
"#success-icon": okhsl(SUCCESS_HUE, ICON_SATURATION, ICON_LIGHTNESS),
|
|
67
|
+
"#success-desaturated": okhsl(SUCCESS_HUE, DISABLED_SATURATION, MAIN_LIGHTNESS),
|
|
68
|
+
"#success-disabled": okhsl(SUCCESS_HUE, DISABLED_SATURATION, DISABLED_LIGHTNESS),
|
|
69
|
+
"#warning": okhsl(WARNING_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),
|
|
70
|
+
"#warning-text": okhsl(WARNING_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),
|
|
71
|
+
"#warning-bg": okhsl(WARNING_HUE, BG_SATURATION, BG_LIGHTNESS),
|
|
72
|
+
"#warning-icon": okhsl(WARNING_HUE, ICON_SATURATION, ICON_LIGHTNESS),
|
|
73
|
+
"#warning-desaturated": okhsl(WARNING_HUE, DISABLED_SATURATION, MAIN_LIGHTNESS),
|
|
74
|
+
"#warning-disabled": okhsl(WARNING_HUE, DISABLED_SATURATION, DISABLED_LIGHTNESS),
|
|
75
|
+
"#note": okhsl(NOTE_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),
|
|
76
|
+
"#note-text": okhsl(NOTE_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),
|
|
77
|
+
"#note-bg": okhsl(NOTE_HUE, BG_SATURATION, BG_LIGHTNESS),
|
|
78
|
+
"#note-icon": okhsl(NOTE_HUE, ICON_SATURATION, ICON_LIGHTNESS),
|
|
79
|
+
"#note-desaturated": okhsl(NOTE_HUE, DISABLED_SATURATION, MAIN_LIGHTNESS),
|
|
80
|
+
"#note-disabled": okhsl(NOTE_HUE, DISABLED_SATURATION, DISABLED_LIGHTNESS),
|
|
81
|
+
"#border": okhsl(PURPLE_HUE, 13, 90),
|
|
82
|
+
"#placeholder": "#dark-04",
|
|
36
83
|
"#clear": "transparent",
|
|
37
|
-
"#
|
|
38
|
-
"#
|
|
39
|
-
"#
|
|
40
|
-
"#
|
|
41
|
-
"#
|
|
42
|
-
"#primary-icon": "#primary-accent-icon",
|
|
43
|
-
"#primary-hover": "#primary-accent-surface-hover",
|
|
44
|
-
"#primary-desaturated": "#primary-accent-surface-2",
|
|
45
|
-
"#primary-disabled": "#disabled",
|
|
46
|
-
"#purple": "#purple-accent-surface",
|
|
47
|
-
"#purple-text": "#purple-accent-text",
|
|
48
|
-
"#purple-text-soft": "#purple-accent-text-soft",
|
|
49
|
-
"#purple-bg": "#purple-surface",
|
|
50
|
-
"#purple-icon": "#purple-accent-icon",
|
|
51
|
-
"#purple-hover": "#purple-accent-surface-hover",
|
|
52
|
-
"#purple-disabled": "#disabled",
|
|
53
|
-
"#purple-01": "#purple-accent-surface",
|
|
54
|
-
"#purple-02": "#purple-accent-surface-2",
|
|
55
|
-
"#purple-03": "#purple-accent-surface-3",
|
|
56
|
-
"#purple-04": "#purple-surface",
|
|
57
|
-
"#danger": "#danger-accent-surface",
|
|
58
|
-
"#danger-text": "#danger-accent-text",
|
|
59
|
-
"#danger-text-soft": "#danger-accent-text-soft",
|
|
60
|
-
"#danger-bg": "#danger-surface",
|
|
61
|
-
"#danger-icon": "#danger-accent-icon",
|
|
62
|
-
"#danger-hover": "#danger-accent-surface-hover",
|
|
63
|
-
"#danger-desaturated": "#danger-accent-surface-2",
|
|
64
|
-
"#danger-disabled": "#disabled",
|
|
65
|
-
"#success": "#success-accent-surface",
|
|
66
|
-
"#success-text": "#success-accent-text",
|
|
67
|
-
"#success-text-soft": "#success-accent-text-soft",
|
|
68
|
-
"#success-bg": "#success-surface",
|
|
69
|
-
"#success-icon": "#success-accent-icon",
|
|
70
|
-
"#success-hover": "#success-accent-surface-hover",
|
|
71
|
-
"#success-desaturated": "#success-accent-surface-2",
|
|
72
|
-
"#success-disabled": "#disabled",
|
|
73
|
-
"#warning": "#warning-accent-surface",
|
|
74
|
-
"#warning-text": "#warning-accent-text",
|
|
75
|
-
"#warning-text-soft": "#warning-accent-text-soft",
|
|
76
|
-
"#warning-bg": "#warning-surface",
|
|
77
|
-
"#warning-icon": "#warning-accent-icon",
|
|
78
|
-
"#warning-hover": "#warning-accent-surface-hover",
|
|
79
|
-
"#warning-desaturated": "#warning-accent-surface-2",
|
|
80
|
-
"#warning-disabled": "#disabled",
|
|
81
|
-
"#note": "#note-accent-surface",
|
|
82
|
-
"#note-text": "#note-accent-text",
|
|
83
|
-
"#note-text-soft": "#note-accent-text-soft",
|
|
84
|
-
"#note-bg": "#note-surface",
|
|
85
|
-
"#note-icon": "#note-accent-icon",
|
|
86
|
-
"#note-hover": "#note-accent-surface-hover",
|
|
87
|
-
"#note-desaturated": "#note-accent-surface-2",
|
|
88
|
-
"#note-disabled": "#disabled"
|
|
89
|
-
};
|
|
90
|
-
/**
|
|
91
|
-
* Combined color token map: Glaze-generated palette + legacy aliases.
|
|
92
|
-
*
|
|
93
|
-
* `#white` and `#black` are intentionally omitted — they are built-in
|
|
94
|
-
* tasty named colors and resolve automatically.
|
|
95
|
-
*/
|
|
96
|
-
const COLOR_TOKENS = {
|
|
97
|
-
...PALETTE_TOKENS,
|
|
98
|
-
...LEGACY_ALIASES
|
|
84
|
+
"#shadow": "#dark.06",
|
|
85
|
+
"#minor": "#dark.65",
|
|
86
|
+
"#disabled": "#dark-01.25",
|
|
87
|
+
"#disabled-text": "#dark-01.25",
|
|
88
|
+
"#disabled-bg": "#dark-05.2"
|
|
99
89
|
};
|
|
100
90
|
|
|
101
91
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","names":[],"sources":["../../src/tokens/colors.ts"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"colors.js","names":[],"sources":["../../src/tokens/colors.ts"],"sourcesContent":["import type { Styles } from '@tenphi/tasty';\n\n// ============================================================================\n// Color Constants (OKHSL)\n// ============================================================================\n\n// Hue values (degrees)\nexport const PINK_HUE = 5.0;\nexport const PURPLE_HUE = 280.3;\nexport const DANGER_HUE = 23.1;\nexport const SUCCESS_HUE = 156.9;\nexport const WARNING_HUE = 84.3;\nexport const NOTE_HUE = 302.3;\n\n// Saturation values (%)\nexport const MAIN_SATURATION = 80;\nexport const BG_SATURATION = 60;\nexport const ICON_SATURATION = 75;\n\n// Lightness values (%)\nexport const MAIN_LIGHTNESS = 52;\nexport const TEXT_LIGHTNESS = 45;\nexport const BG_LIGHTNESS = 97;\nexport const ICON_LIGHTNESS = 60;\n\n// Disabled state values (60% white + 40% main color in okhsl)\n// Saturation: 0.6 * 0 + 0.4 * MAIN_SATURATION = 32\n// Lightness: 0.6 * 100 + 0.4 * MAIN_LIGHTNESS = 80.8\nexport const DISABLED_SATURATION = 32;\nexport const DISABLED_LIGHTNESS = 80.8;\n\n// ============================================================================\n// Helper function\n// ============================================================================\n\n/** Generate an OKHSL color string */\nconst okhsl = (h: number, s: number, l: number): string =>\n `okhsl(${h} ${s}% ${l}%)`;\n\n// ============================================================================\n// Color Tokens\n// ============================================================================\n\n/**\n * Color tokens with # prefix for tasty color definitions.\n * The tasty system automatically generates {name}-color-rgb variants.\n * Colors are defined in OKHSL format for perceptually uniform color manipulation.\n */\nexport const COLOR_TOKENS: Styles = {\n // Base colors - Pink\n '#pink': okhsl(PINK_HUE, 100, 67),\n\n // Primary colors (semantic aliases)\n '#primary': okhsl(PURPLE_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n '#primary-text': okhsl(PURPLE_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n '#primary-bg': okhsl(PURPLE_HUE, BG_SATURATION, BG_LIGHTNESS),\n '#primary-icon': okhsl(PURPLE_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n '#primary-desaturated': okhsl(\n PURPLE_HUE,\n DISABLED_SATURATION,\n MAIN_LIGHTNESS,\n ),\n '#primary-disabled': okhsl(\n PURPLE_HUE,\n DISABLED_SATURATION,\n DISABLED_LIGHTNESS,\n ),\n\n // Base colors - Purple (legacy aliases for backward compatibility)\n '#purple': '#primary',\n '#purple-text': '#primary-text',\n '#purple-bg': '#primary-bg',\n '#purple-icon': '#primary-icon',\n '#purple-disabled': '#primary-disabled',\n '#purple-01': okhsl(PURPLE_HUE, 100, 58),\n '#purple-02': okhsl(PURPLE_HUE, 100, 66),\n '#purple-03': okhsl(PURPLE_HUE, 100, 74),\n '#purple-04': okhsl(PURPLE_HUE, 100, 83),\n\n // Focus\n '#focus': okhsl(PURPLE_HUE, 69, 71),\n\n // Text\n '#text': okhsl(PURPLE_HUE, 30, 31),\n\n // Dark\n '#dark': okhsl(PURPLE_HUE, 38, 12),\n '#dark-01': okhsl(PURPLE_HUE, 38, 12),\n '#dark-02': okhsl(PURPLE_HUE, 30, 31),\n '#dark-03': okhsl(PURPLE_HUE, 19, 49),\n '#dark-04': okhsl(PURPLE_HUE, 14, 67),\n '#dark-05': okhsl(PURPLE_HUE, 14, 86),\n\n // Surfaces\n '#surface': okhsl(PURPLE_HUE, 21, 100),\n '#surface-2': okhsl(PURPLE_HUE, 21, 98),\n '#surface-3': okhsl(PURPLE_HUE, 21, 96),\n\n // Legacy\n '#light': '#surface-3',\n '#dark-bg': okhsl(PURPLE_HUE, 21, 98),\n\n // Black & White\n '#white': 'okhsl(0 0% 100%)',\n '#black': 'okhsl(0 0% 0%)',\n\n // Danger (red)\n '#danger': okhsl(DANGER_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n '#danger-text': okhsl(DANGER_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n '#danger-bg': okhsl(DANGER_HUE, BG_SATURATION, BG_LIGHTNESS),\n '#danger-icon': okhsl(DANGER_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n '#danger-desaturated': okhsl(DANGER_HUE, DISABLED_SATURATION, MAIN_LIGHTNESS),\n '#danger-disabled': okhsl(\n DANGER_HUE,\n DISABLED_SATURATION,\n DISABLED_LIGHTNESS,\n ),\n\n // Success (green)\n '#success': okhsl(SUCCESS_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n '#success-text': okhsl(SUCCESS_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n '#success-bg': okhsl(SUCCESS_HUE, BG_SATURATION, BG_LIGHTNESS),\n '#success-icon': okhsl(SUCCESS_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n '#success-desaturated': okhsl(\n SUCCESS_HUE,\n DISABLED_SATURATION,\n MAIN_LIGHTNESS,\n ),\n '#success-disabled': okhsl(\n SUCCESS_HUE,\n DISABLED_SATURATION,\n DISABLED_LIGHTNESS,\n ),\n\n // Warning (yellow/amber)\n '#warning': okhsl(WARNING_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n '#warning-text': okhsl(WARNING_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n '#warning-bg': okhsl(WARNING_HUE, BG_SATURATION, BG_LIGHTNESS),\n '#warning-icon': okhsl(WARNING_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n '#warning-desaturated': okhsl(\n WARNING_HUE,\n DISABLED_SATURATION,\n MAIN_LIGHTNESS,\n ),\n '#warning-disabled': okhsl(\n WARNING_HUE,\n DISABLED_SATURATION,\n DISABLED_LIGHTNESS,\n ),\n\n // Note (violet)\n '#note': okhsl(NOTE_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n '#note-text': okhsl(NOTE_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n '#note-bg': okhsl(NOTE_HUE, BG_SATURATION, BG_LIGHTNESS),\n '#note-icon': okhsl(NOTE_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n '#note-desaturated': okhsl(NOTE_HUE, DISABLED_SATURATION, MAIN_LIGHTNESS),\n '#note-disabled': okhsl(NOTE_HUE, DISABLED_SATURATION, DISABLED_LIGHTNESS),\n\n // Border\n '#border': okhsl(PURPLE_HUE, 13, 90),\n\n '#placeholder': '#dark-04',\n\n // Semantic colors\n '#clear': 'transparent',\n '#shadow': '#dark.06',\n '#minor': '#dark.65',\n\n // Disabled state colors\n '#disabled': '#dark-01.25',\n '#disabled-text': '#dark-01.25',\n '#disabled-bg': '#dark-05.2',\n};\n"],"mappings":";;AAOA,MAAa,WAAW;AACxB,MAAa,aAAa;AAC1B,MAAa,aAAa;AAC1B,MAAa,cAAc;AAC3B,MAAa,cAAc;AAC3B,MAAa,WAAW;AAGxB,MAAa,kBAAkB;AAC/B,MAAa,gBAAgB;AAC7B,MAAa,kBAAkB;AAG/B,MAAa,iBAAiB;AAC9B,MAAa,iBAAiB;AAC9B,MAAa,eAAe;AAC5B,MAAa,iBAAiB;AAK9B,MAAa,sBAAsB;AACnC,MAAa,qBAAqB;;AAOlC,MAAM,SAAS,GAAW,GAAW,MACnC,SAAS,EAAE,GAAG,EAAE,IAAI,EAAE;;;;;;AAWxB,MAAa,eAAuB;CAElC,SAAS,MAAM,UAAU,KAAK,GAAG;CAGjC,YAAY,MAAM,YAAY,iBAAiB,eAAe;CAC9D,iBAAiB,MAAM,YAAY,iBAAiB,eAAe;CACnE,eAAe,MAAM,YAAY,eAAe,aAAa;CAC7D,iBAAiB,MAAM,YAAY,iBAAiB,eAAe;CACnE,wBAAwB,MACtB,YACA,qBACA,eACD;CACD,qBAAqB,MACnB,YACA,qBACA,mBACD;CAGD,WAAW;CACX,gBAAgB;CAChB,cAAc;CACd,gBAAgB;CAChB,oBAAoB;CACpB,cAAc,MAAM,YAAY,KAAK,GAAG;CACxC,cAAc,MAAM,YAAY,KAAK,GAAG;CACxC,cAAc,MAAM,YAAY,KAAK,GAAG;CACxC,cAAc,MAAM,YAAY,KAAK,GAAG;CAGxC,UAAU,MAAM,YAAY,IAAI,GAAG;CAGnC,SAAS,MAAM,YAAY,IAAI,GAAG;CAGlC,SAAS,MAAM,YAAY,IAAI,GAAG;CAClC,YAAY,MAAM,YAAY,IAAI,GAAG;CACrC,YAAY,MAAM,YAAY,IAAI,GAAG;CACrC,YAAY,MAAM,YAAY,IAAI,GAAG;CACrC,YAAY,MAAM,YAAY,IAAI,GAAG;CACrC,YAAY,MAAM,YAAY,IAAI,GAAG;CAGrC,YAAY,MAAM,YAAY,IAAI,IAAI;CACtC,cAAc,MAAM,YAAY,IAAI,GAAG;CACvC,cAAc,MAAM,YAAY,IAAI,GAAG;CAGvC,UAAU;CACV,YAAY,MAAM,YAAY,IAAI,GAAG;CAGrC,UAAU;CACV,UAAU;CAGV,WAAW,MAAM,YAAY,iBAAiB,eAAe;CAC7D,gBAAgB,MAAM,YAAY,iBAAiB,eAAe;CAClE,cAAc,MAAM,YAAY,eAAe,aAAa;CAC5D,gBAAgB,MAAM,YAAY,iBAAiB,eAAe;CAClE,uBAAuB,MAAM,YAAY,qBAAqB,eAAe;CAC7E,oBAAoB,MAClB,YACA,qBACA,mBACD;CAGD,YAAY,MAAM,aAAa,iBAAiB,eAAe;CAC/D,iBAAiB,MAAM,aAAa,iBAAiB,eAAe;CACpE,eAAe,MAAM,aAAa,eAAe,aAAa;CAC9D,iBAAiB,MAAM,aAAa,iBAAiB,eAAe;CACpE,wBAAwB,MACtB,aACA,qBACA,eACD;CACD,qBAAqB,MACnB,aACA,qBACA,mBACD;CAGD,YAAY,MAAM,aAAa,iBAAiB,eAAe;CAC/D,iBAAiB,MAAM,aAAa,iBAAiB,eAAe;CACpE,eAAe,MAAM,aAAa,eAAe,aAAa;CAC9D,iBAAiB,MAAM,aAAa,iBAAiB,eAAe;CACpE,wBAAwB,MACtB,aACA,qBACA,eACD;CACD,qBAAqB,MACnB,aACA,qBACA,mBACD;CAGD,SAAS,MAAM,UAAU,iBAAiB,eAAe;CACzD,cAAc,MAAM,UAAU,iBAAiB,eAAe;CAC9D,YAAY,MAAM,UAAU,eAAe,aAAa;CACxD,cAAc,MAAM,UAAU,iBAAiB,eAAe;CAC9D,qBAAqB,MAAM,UAAU,qBAAqB,eAAe;CACzE,kBAAkB,MAAM,UAAU,qBAAqB,mBAAmB;CAG1E,WAAW,MAAM,YAAY,IAAI,GAAG;CAEpC,gBAAgB;CAGhB,UAAU;CACV,WAAW;CACX,UAAU;CAGV,aAAa;CACb,kBAAkB;CAClB,gBAAgB;CACjB"}
|
package/dist/tokens/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-
|
|
1
|
+
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
|
|
2
2
|
import { BASE_TOKENS } from "./base.js";
|
|
3
3
|
import { COLOR_TOKENS } from "./colors.js";
|
|
4
4
|
import { LAYOUT_TOKENS } from "./layout.js";
|
package/dist/tokens/layout.js
CHANGED
package/dist/tokens/shadows.d.ts
CHANGED
|
@@ -8,10 +8,7 @@ import { Styles } from "@tenphi/tasty";
|
|
|
8
8
|
* Format: `<offset-y> <blur> <spread?> <color>`
|
|
9
9
|
* - `1bw` = 1 × border-width
|
|
10
10
|
* - `.5x` = 0.5 × gap
|
|
11
|
-
*
|
|
12
|
-
* The shadow colors (`#shadow-sm` / `#shadow-md` / `#shadow-lg`) are
|
|
13
|
-
* generated by Glaze and adapt automatically to dark / high-contrast
|
|
14
|
-
* schemes — see `src/tokens/palette.ts`.
|
|
11
|
+
* - `#dark.15` = dark color at 15% opacity
|
|
15
12
|
*
|
|
16
13
|
* Keys use $ prefix for CSS custom properties.
|
|
17
14
|
*/
|
package/dist/tokens/shadows.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-
|
|
1
|
+
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
|
|
2
2
|
//#region src/tokens/shadows.ts
|
|
3
3
|
/**
|
|
4
4
|
* Shadow tokens using tasty shorthand syntax.
|
|
@@ -6,18 +6,15 @@
|
|
|
6
6
|
* Format: `<offset-y> <blur> <spread?> <color>`
|
|
7
7
|
* - `1bw` = 1 × border-width
|
|
8
8
|
* - `.5x` = 0.5 × gap
|
|
9
|
-
*
|
|
10
|
-
* The shadow colors (`#shadow-sm` / `#shadow-md` / `#shadow-lg`) are
|
|
11
|
-
* generated by Glaze and adapt automatically to dark / high-contrast
|
|
12
|
-
* schemes — see `src/tokens/palette.ts`.
|
|
9
|
+
* - `#dark.15` = dark color at 15% opacity
|
|
13
10
|
*
|
|
14
11
|
* Keys use $ prefix for CSS custom properties.
|
|
15
12
|
*/
|
|
16
13
|
const SHADOW_TOKENS = {
|
|
17
|
-
"$item-shadow": "0 1bw .375x #
|
|
18
|
-
"$card-shadow": "0 .5x 2x #shadow
|
|
19
|
-
$shadow: "0 .5x 2x #shadow
|
|
20
|
-
"$dialog-shadow": "0 1x 4x #
|
|
14
|
+
"$item-shadow": "0 1bw .375x #dark.15",
|
|
15
|
+
"$card-shadow": "0 .5x 2x #shadow",
|
|
16
|
+
$shadow: "0 .5x 2x #shadow",
|
|
17
|
+
"$dialog-shadow": "0 1x 4x #dark.15"
|
|
21
18
|
};
|
|
22
19
|
|
|
23
20
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shadows.js","names":[],"sources":["../../src/tokens/shadows.ts"],"sourcesContent":["import type { Styles } from '@tenphi/tasty';\n\n/**\n * Shadow tokens using tasty shorthand syntax.\n *\n * Format: `<offset-y> <blur> <spread?> <color>`\n * - `1bw` = 1 × border-width\n * - `.5x` = 0.5 × gap\n
|
|
1
|
+
{"version":3,"file":"shadows.js","names":[],"sources":["../../src/tokens/shadows.ts"],"sourcesContent":["import type { Styles } from '@tenphi/tasty';\n\n/**\n * Shadow tokens using tasty shorthand syntax.\n *\n * Format: `<offset-y> <blur> <spread?> <color>`\n * - `1bw` = 1 × border-width\n * - `.5x` = 0.5 × gap\n * - `#dark.15` = dark color at 15% opacity\n *\n * Keys use $ prefix for CSS custom properties.\n */\nexport const SHADOW_TOKENS: Styles = {\n /** Subtle shadow for list items */\n '$item-shadow': '0 1bw .375x #dark.15',\n /** Standard card shadow */\n '$card-shadow': '0 .5x 2x #shadow',\n /** Standard elevation */\n $shadow: '0 .5x 2x #shadow',\n /** Elevated dialog shadow */\n '$dialog-shadow': '0 1x 4x #dark.15',\n};\n"],"mappings":";;;;;;;;;;;;AAYA,MAAa,gBAAwB;CAEnC,gBAAgB;CAEhB,gBAAgB;CAEhB,SAAS;CAET,kBAAkB;CACnB"}
|
package/dist/tokens/sizes.js
CHANGED
package/dist/tokens/spacing.js
CHANGED
package/dist/utils/is-dev-env.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-
|
|
1
|
+
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
|
|
2
2
|
//#region src/utils/is-dev-env.ts
|
|
3
3
|
function isDevEnv() {
|
|
4
4
|
if (typeof window !== "undefined" && window.localStorage) try {
|
package/dist/utils/modules.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-
|
|
1
|
+
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
|
|
2
2
|
//#region src/utils/modules.ts
|
|
3
3
|
function extractModule(promise) {
|
|
4
4
|
return promise.then((module) => module.default || module);
|
package/dist/utils/promise.js
CHANGED
package/dist/utils/raf.js
CHANGED
package/dist/utils/random.js
CHANGED
package/dist/utils/range.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-
|
|
1
|
+
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
|
|
2
2
|
import { mergeProps } from "./mergeProps.js";
|
|
3
3
|
import { Children, cloneElement, createContext, useContext, useMemo } from "react";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-
|
|
1
|
+
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
|
|
2
2
|
//#region src/utils/react/chain.ts
|
|
3
3
|
/**
|
|
4
4
|
* Calls all functions in the order they were chained with the same arguments.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-
|
|
1
|
+
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
|
|
2
2
|
//#region src/utils/react/forwardRefWithGenerics.tsx
|
|
3
3
|
/**
|
|
4
4
|
* A helper for creating forwardRef components with generic types.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-
|
|
1
|
+
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
|
|
2
2
|
import { chain } from "./chain.js";
|
|
3
3
|
import { forwardRefWithGenerics } from "./forwardRefWithGenerics.js";
|
|
4
4
|
import { isTextOnly } from "./isTextOnly.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-
|
|
1
|
+
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
|
|
2
2
|
//#region src/utils/react/mapProps.ts
|
|
3
3
|
/** Converts AriaButtonProps to CubeButtonProps */
|
|
4
4
|
function ariaToCubeButtonProps(props) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-
|
|
1
|
+
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
|
|
2
2
|
import { chain } from "./chain.js";
|
|
3
3
|
import { mergeIds } from "./useId.js";
|
|
4
4
|
import { mergeStyles } from "@tenphi/tasty";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-
|
|
1
|
+
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
|
|
2
2
|
//#region src/utils/react/nullableValue.ts
|
|
3
3
|
function castNullableStringValue(props) {
|
|
4
4
|
return castNullableField(props, ["value", "defaultValue"], "string", (v) => String(v));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-
|
|
1
|
+
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
|
|
2
2
|
import { createSharedStore } from "./sharedStore.js";
|
|
3
3
|
import { useEffect } from "react";
|
|
4
4
|
import { useFocusVisible } from "react-aria";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-
|
|
1
|
+
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
|
|
2
2
|
import React, { createContext, useCallback, useContext, useEffect, useRef } from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/utils/react/useEventBus.ts
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-
|
|
1
|
+
/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
|
|
2
2
|
import { useLayoutEffect as useLayoutEffect$1 } from "./useLayoutEffect.js";
|
|
3
3
|
import { useEffect, useRef, useState } from "react";
|
|
4
4
|
import { useSSRSafeId } from "@react-aria/ssr";
|