@cube-dev/ui-kit 0.138.1 → 0.138.2

package/dist/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @cube-dev/ui-kit
 
+## 0.138.2
+
+### Patch Changes
+
+- [`3ae5eb54`](https://github.com/cube-js/cube-ui-kit/commit/3ae5eb54e53b45f49082316175efb6b4141688a0) Thanks [@tenphi](https://github.com/tenphi)! - Replace native HTML elements (`div`, `span`, `p`, `h1`–`h6`, `ul`/`li`, `strong`, `b`, `em`, `code`, `kbd`, `input`, `button`, `a`) with UI Kit components and replace hardcoded colors/pixel values with design tokens and Tasty units across all Storybook stories.
+
 ## 0.138.1
 
 ### Patch Changes

package/dist/_internal/hooks/use-chained-callback.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { useEvent } from "./use-event.js";
 
 //#region src/_internal/hooks/use-chained-callback.ts

package/dist/_internal/hooks/use-debounced-value.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { useEffect, useRef, useState } from "react";
 
 //#region src/_internal/hooks/use-debounced-value.ts

package/dist/_internal/hooks/use-deprecation-warning.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { deprecationWarning } from "../../utils/warnings.js";
 import React, { useEffect } from "react";
 

package/dist/_internal/hooks/use-event.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { useSyncRef } from "./use-sync-ref.js";
 import { useCallback } from "react";
 

package/dist/_internal/hooks/use-is-first-render.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { useRef } from "react";
 
 //#region src/_internal/hooks/use-is-first-render.ts

package/dist/_internal/hooks/use-sync-ref.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
 import { useRef } from "react";
 

package/dist/_internal/hooks/use-timer/timer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 //#region src/_internal/hooks/use-timer/timer.ts
 var Timer = class {
 	callback;

package/dist/_internal/hooks/use-timer/use-timer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { useEvent } from "../use-event.js";
 import { Timer } from "./timer.js";
 import { useEffect, useState } from "react";

package/dist/_internal/hooks/use-warn.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { useEvent } from "./use-event.js";
 import { warn } from "../../utils/warnings.js";
 import { useRef } from "react";

package/dist/components/Block.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { extractStyles } from "../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/CollectionItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { ItemAction } from "./actions/ItemAction/ItemAction.js";
 import { ItemBadge } from "./content/ItemBadge/ItemBadge.js";
 import { Item } from "react-stately";

package/dist/components/GlobalStyles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { TOKENS } from "../tokens/index.js";
 import { useGlobalStyles, useRawCSS } from "@tenphi/tasty";
 import { useMemo } from "react";

package/dist/components/GridProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { useCombinedRefs } from "../utils/react/useCombinedRefs.js";
 import { filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef, useCallback, useEffect, useState } from "react";

package/dist/components/HiddenInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 
 //#region src/components/HiddenInput.tsx

package/dist/components/Root.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { extractStyles } from "../utils/styles.js";
 import { EventBusProvider } from "../utils/react/useEventBus.js";
 import { PortalProvider } from "./portal/PortalProvider.js";

package/dist/components/actions/Action/Action.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useAction } from "../use-action.js";
 import { CONTAINER_STYLES, TEXT_STYLES, tasty } from "@tenphi/tasty";

package/dist/components/actions/Banner/Banner.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Item } from "../../content/Item/Item.js";
 import { Button } from "../Button/Button.js";

package/dist/components/actions/Button/Button.d.ts

@@ -4,6 +4,7 @@ import { DynamicIcon } from "../../../utils/react/resolveIcon.js";
 import "../../../utils/react/index.js";
 import { CubeActionProps } from "../Action/Action.js";
 import { Mods, Styles } from "@tenphi/tasty";
+import "react";
 import { OverlayProps } from "react-aria";
 
 //#region src/components/actions/Button/Button.d.ts

package/dist/components/actions/Button/Button.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { resolveIcon } from "../../../utils/react/resolveIcon.js";

package/dist/components/actions/ButtonGroup/ButtonGroup.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { useSlotProps } from "../../../utils/react/Slots.js";
 import { Space } from "../../layout/Space.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/actions/ButtonSplit/ButtonSplit.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { DirectionIcon } from "../../../icons/DirectionIcon.js";

package/dist/components/actions/ButtonSplit/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/actions/ButtonSplit/context.ts

package/dist/components/actions/CommandMenu/CommandMenu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";

package/dist/components/actions/CommandMenu/styled.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 
 //#region src/components/actions/CommandMenu/styled.tsx

package/dist/components/actions/ItemAction/ItemAction.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { DANGER_CLEAR_STYLES, DANGER_NEUTRAL_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DANGER_SECONDARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_NEUTRAL_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, DEFAULT_SECONDARY_STYLES, ITEM_ACTION_BASE_STYLES, NOTE_CLEAR_STYLES, NOTE_NEUTRAL_STYLES, NOTE_OUTLINE_STYLES, NOTE_PRIMARY_STYLES, NOTE_SECONDARY_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_NEUTRAL_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SPECIAL_SECONDARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_NEUTRAL_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES, SUCCESS_SECONDARY_STYLES, WARNING_CLEAR_STYLES, WARNING_NEUTRAL_STYLES, WARNING_OUTLINE_STYLES, WARNING_PRIMARY_STYLES, WARNING_SECONDARY_STYLES } from "../../../data/item-themes.js";

package/dist/components/actions/ItemActionContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/actions/ItemButton/ItemButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { ItemActionProvider } from "../ItemActionContext.js";

package/dist/components/actions/Link/Link.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { Button } from "../Button/Button.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/actions/Menu/Menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _CollectionItem } from "../../CollectionItem.js";

package/dist/components/actions/Menu/MenuItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { filterCollectionItemProps } from "../../CollectionItem.js";
 import { _Item } from "../../content/Item/Item.js";

package/dist/components/actions/Menu/MenuSection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { MenuItem } from "./MenuItem.js";
 import { StyledMenu, StyledSection, StyledSectionHeading } from "./styled.js";

package/dist/components/actions/Menu/MenuTrigger.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { SlotProvider } from "../../../utils/react/Slots.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { MenuContext } from "./context.js";

package/dist/components/actions/Menu/SubMenuTrigger.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { MenuContext, useMenuContext } from "./context.js";
 import { SubmenuTriggerContext } from "./SubmenuTriggerContext.js";
 import { generateRandomId } from "../../../utils/random.js";

package/dist/components/actions/Menu/SubmenuTriggerContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import React from "react";
 
 //#region src/components/actions/Menu/SubmenuTriggerContext.tsx

package/dist/components/actions/Menu/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import React, { useContext } from "react";
 
 //#region src/components/actions/Menu/context.ts

package/dist/components/actions/Menu/styled.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { DEFAULT_NEUTRAL_STYLES } from "../../../data/item-themes.js";
 import { Space } from "../../layout/Space.js";
 import { DEFAULT_BUTTON_STYLES } from "../Button/Button.js";

package/dist/components/actions/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { ItemActionProvider, useItemActionContext } from "./ItemActionContext.js";
 import { openLink, parseTo, performClickHandler, useAction } from "./use-action.js";
 import { ItemAction } from "./ItemAction/ItemAction.js";

package/dist/components/actions/use-action.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useFocus as useFocus$1 } from "../../utils/react/interactions.js";

package/dist/components/actions/use-anchored-menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { generateRandomId } from "../../utils/random.js";

package/dist/components/actions/use-context-menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { generateRandomId } from "../../utils/random.js";

package/dist/components/content/ActiveZone/ActiveZone.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useFocus as useFocus$1 } from "../../../utils/react/interactions.js";

package/dist/components/content/Alert/Alert.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import themes_default from "../../../data/themes.js";
 import { useAlert } from "./use-alert.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/content/Alert/use-alert.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useDeprecationWarning } from "../../../_internal/hooks/use-deprecation-warning.js";
 import { CONTAINER_STYLES, TEXT_STYLES, filterBaseProps } from "@tenphi/tasty";

package/dist/components/content/Avatar/Avatar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { CONTAINER_STYLES, Element, filterBaseProps } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/Badge/Badge.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
 import themes_default from "../../../data/themes.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/content/Card/Card.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/Content.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { CONTAINER_STYLES, TEXT_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/content/CopyPasteBlock/CopyPasteBlock.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useTimer } from "../../../_internal/hooks/use-timer/use-timer.js";
 import { CopyIcon } from "../../../icons/CopyIcon.js";

package/dist/components/content/CopySnippet/CopySnippet.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { _Tooltip } from "../../overlays/Tooltip/Tooltip.js";
 import { TooltipTrigger } from "../../overlays/Tooltip/TooltipTrigger.js";
 import { CopyIcon } from "../../../icons/CopyIcon.js";

package/dist/components/content/Disclosure/Disclosure.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";

package/dist/components/content/Divider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { BASE_STYLES, COLOR_STYLES, OUTER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/content/Footer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { CONTAINER_STYLES, TEXT_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/content/Header.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { CONTAINER_STYLES, TEXT_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/content/HotKeys/HotKeys.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { _Text } from "../Text.js";
 import { useKeySymbols } from "../../../utils/react/useKeySymbols.js";

package/dist/components/content/InlineInput/InlineInput.d.ts

@@ -58,6 +58,15 @@ interface CubeInlineInputProps extends BaseProps, BlockStyleProps, OuterStylePro
   isDisabled?: boolean;
   /** When true, edit mode cannot be entered, but the display reads as enabled. */
   isReadOnly?: boolean;
+  /**
+   * When true, applies a styled wrapper to the component (border, fill, padding,
+   * fixed height) so it visually matches a `TextInput`. Useful when swapping a
+   * field component (e.g. `Select`) for an `InlineInput` to rename / edit the
+   * current value without a visual jump.
+   *
+   * @default false
+   */
+  isStyled?: boolean;
   /** Placeholder text shown in the input when the draft is empty. */
   placeholder?: string;
   /** Custom render for display (non-editing) mode. Receives the currently-displayed value (including optimistic). */

package/dist/components/content/InlineInput/InlineInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.138.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.2 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
@@ -14,24 +14,58 @@ const InlineInputRoot = tasty({
 	as: "span",
 	styles: {
 		display: "inline-flex",
-		alignItems: "baseline",
-		verticalAlign: "baseline",
+		alignItems: {
+			"": "baseline",
+			styled: "center"
+		},
+		verticalAlign: {
+			"": "baseline",
+			styled: "middle"
+		},
 		position: "relative",
 		maxWidth: "100%",
-		color: "inherit",
-		preset: "inherit",
+		boxSizing: "border-box",
+		color: {
+			"": "inherit",
+			styled: "#dark-02",
+			"styled & disabled": "#dark.30"
+		},
+		preset: {
+			"": "inherit",
+			styled: "t3"
+		},
 		cursor: {
 			"": "inherit",
 			"editable & !editing": "text"
 		},
+		fill: {
+			"": "transparent",
+			styled: "#surface",
+			"styled & disabled": "#disabled-surface"
+		},
+		border: {
+			"": false,
+			styled: true,
+			"styled & focused": "#primary-text",
+			"styled & disabled": true
+		},
 		outline: {
 			"": "1bw #primary.0",
-			focused: "1bw #primary"
+			"focused & !styled": "1bw #primary"
 		},
 		outlineOffset: 1,
 		radius: {
 			"": 0,
-			focused: true
+			focused: true,
+			styled: true
+		},
+		padding: {
+			"": 0,
+			styled: "(.75x - 1bw) (1x - 1bw)"
+		},
+		height: {
+			"": "auto",
+			styled: "$size-md"
 		},
 		transition: "theme",
 		Display: {
@@ -48,8 +82,15 @@ const InlineInputRoot = tasty({
 			preset: "inherit",
 			color: "inherit",
 			fill: "transparent",
-			width: "initial $input-width 100%",
-			minWidth: "1em",
+			textAlign: "left",
+			width: {
+				"": "initial $input-width 100%",
+				styled: "100%"
+			},
+			minWidth: {
+				"": "1em",
+				styled: 0
+			},
 			"&::placeholder": { recipe: "input-placeholder" }
 		},
 		Measure: {
@@ -85,7 +126,7 @@ const STYLE_PROPS = [
 * works regardless of `editTrigger`.
 */
 const InlineInput = forwardRef(function InlineInput(allProps, ref) {
-	const { value: valueProp, defaultValue, onChange, isEditing: isEditingProp, defaultIsEditing, onEditingChange, onSubmit, onCancel, editTrigger = "dblclick", keyboardActivation = true, submitOnBlur = true, trimOnSubmit = true, allowEmpty = false, isDisabled = false, isReadOnly = false, placeholder, renderDisplay, tooltip = true, tooltipPlacement = "top", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, qa, qaVal, styles: stylesProp, inputStyles, mods: customMods, tokens: customTokens, ...otherProps } = allProps;
+	const { value: valueProp, defaultValue, onChange, isEditing: isEditingProp, defaultIsEditing, onEditingChange, onSubmit, onCancel, editTrigger = "dblclick", keyboardActivation = true, submitOnBlur = true, trimOnSubmit = true, allowEmpty = false, isDisabled = false, isReadOnly = false, isStyled = false, placeholder, renderDisplay, tooltip = true, tooltipPlacement = "top", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, qa, qaVal, styles: stylesProp, inputStyles, mods: customMods, tokens: customTokens, ...otherProps } = allProps;
 	const isControlled = valueProp !== void 0;
 	const inputRef = useRef(null);
 	const measureRef = useRef(null);
@@ -215,13 +256,14 @@ const InlineInput = forwardRef(function InlineInput(allProps, ref) {
 		displayedValue
 	]);
 	const isEditable = editTrigger !== "none" && !isDisabled && !isReadOnly;
-	const showFocusRing = isFocusVisible && isEditable && !isEditing;
+	const showFocusRing = keyboardActivation && (isEditing || isFocusVisible && isEditable);
 	const mods = useMemo(() => ({
 		editing: isEditing,
 		editable: isEditable,
 		focused: showFocusRing,
 		disabled: isDisabled,
 		"read-only": isReadOnly,
+		styled: isStyled,
 		empty: !displayedValue,
 		...customMods
 	}), [
@@ -230,6 +272,7 @@ const InlineInput = forwardRef(function InlineInput(allProps, ref) {
 		showFocusRing,
 		isDisabled,
 		isReadOnly,
+		isStyled,
 		displayedValue,
 		customMods
 	]);