@cube-dev/ui-kit 0.0.0-canary-c55b179 → 0.0.0-canary-c96babc

package/types/components/content/Item/Item.d.ts

@@ -16,7 +16,7 @@ export type ItemMods = Mods<{
     'has-description'?: boolean;
     'has-actions'?: boolean;
     'has-actions-content'?: boolean;
-    'show-actions-on-hover'?: boolean;
+    'auto-hide-actions'?: boolean;
     'preserve-actions-space'?: boolean;
     checkbox?: boolean;
     disabled?: boolean;
@@ -35,6 +35,11 @@ export interface CubeItemProps extends BaseProps, ContainerStyleProps {
     suffix?: ReactNode;
     description?: ReactNode;
     descriptionPlacement?: 'inline' | 'block';
+    /**
+     * When true, the item is rendered inside a wrapper element to separate the actions from the item.
+     * @default false
+     */
+    insideWrapper?: boolean;
     /**
      * Whether the item is selected.
      * @default false
@@ -50,10 +55,15 @@ export interface CubeItemProps extends BaseProps, ContainerStyleProps {
      * When true, actions are hidden by default and shown only on hover, focus, or focus-within.
      * Uses opacity transition for visual hiding while maintaining layout space.
      */
-    showActionsOnHover?: boolean;
+    autoHideActions?: boolean;
+    /**
+     * When true and insideWrapper is true, this controls the visibility of the actions.
+     * @default false
+     */
+    showActions?: boolean;
     /**
      * When true, preserves the actions width when hidden (only changes opacity).
-     * Only applies when showActionsOnHover is true.
+     * Only applies when autoHideActions is true.
      * @default false
      */
     preserveActionsSpace?: boolean;

package/types/components/navigation/Tabs/TabsContext.d.ts

@@ -10,8 +10,8 @@ export interface TabsContextValue {
     type: TabType;
     /** Parent-level size default */
     size?: TabSize;
-    /** Parent-level showActionsOnHover default */
-    showActionsOnHover?: boolean;
+    /** Parent-level autoHideActions default */
+    autoHideActions?: boolean;
     /** Parent-level isEditable default */
     isEditable?: boolean;
     /** Parent-level menu default */

package/types/components/navigation/Tabs/styled.d.ts

@@ -934,8 +934,10 @@ export declare const TabElement: import("react").ComponentType<{
     rightIcon?: import("../../..").DynamicIcon<import("../../content/Item").ItemMods>;
     suffix?: import("react").ReactNode;
     descriptionPlacement?: "block" | "inline" | undefined;
+    insideWrapper?: boolean | undefined;
     actions?: import("react").ReactNode;
-    showActionsOnHover?: boolean | undefined;
+    autoHideActions?: boolean | undefined;
+    showActions?: boolean | undefined;
     preserveActionsSpace?: boolean | undefined;
     disableActionsFocus?: boolean | undefined;
     hotkeys?: string | undefined;

package/types/components/navigation/Tabs/types.d.ts

@@ -32,7 +32,7 @@ export interface QAProps {
     qaVal?: string;
 }
 /** Props from CubeItemProps that don't apply to Tab */
-type OmittedItemProps = 'id' | 'type' | 'size' | 'theme' | 'shape' | 'icon' | 'rightIcon' | 'prefix' | 'suffix' | 'description' | 'descriptionPlacement' | 'descriptionProps' | 'tooltip' | 'defaultTooltipPlacement' | 'hotkeys' | 'keyboardShortcutProps' | 'loadingSlot' | 'isLoading' | 'labelProps' | 'labelRef' | 'level' | 'highlight' | 'highlightCaseSensitive' | 'highlightStyles' | 'variant' | 'htmlType' | 'isSelected' | 'preserveActionsSpace' | 'disableActionsFocus' | 'actions' | 'showActionsOnHover';
+type OmittedItemProps = 'id' | 'type' | 'size' | 'theme' | 'shape' | 'icon' | 'rightIcon' | 'prefix' | 'suffix' | 'description' | 'descriptionPlacement' | 'descriptionProps' | 'tooltip' | 'defaultTooltipPlacement' | 'hotkeys' | 'keyboardShortcutProps' | 'loadingSlot' | 'isLoading' | 'labelProps' | 'labelRef' | 'level' | 'highlight' | 'highlightCaseSensitive' | 'highlightStyles' | 'variant' | 'htmlType' | 'isSelected' | 'preserveActionsSpace' | 'disableActionsFocus' | 'actions' | 'autoHideActions';
 /** Common styling props for tabs - inherits style props from CubeItemProps */
 export interface TabStyleProps extends Omit<CubeItemProps, OmittedItemProps> {
     /**
@@ -43,7 +43,7 @@ export interface TabStyleProps extends Omit<CubeItemProps, OmittedItemProps> {
     /** Visual appearance type. */
     type?: TabType;
     /** Whether to show actions only on hover. */
-    showActionsOnHover?: boolean;
+    autoHideActions?: boolean;
 }
 /** Cache key type - primitives only for reliable comparison */
 export type CacheKeyValue = string | number | boolean | null | undefined;
@@ -80,7 +80,7 @@ export interface CubeTabsProps extends BaseProps, OuterStyleProps, PanelBehavior
     /** Callback when a tab title is changed. Enables title editing on tabs with isEditable. */
     onTitleChange?: (key: string, newTitle: string) => void;
     /** Whether to show tab actions only on hover. Can be overridden per-tab. */
-    showActionsOnHover?: boolean;
+    autoHideActions?: boolean;
     /**
      * Whether tabs are editable by default.
      * Can be overridden per-tab via Tab's isEditable prop.

package/types/tasty/config.d.ts

@@ -155,6 +155,9 @@ export interface TastyConfig {
      * Predefined tokens that are replaced during style parsing.
      * Token values are processed through the parser (like component tokens).
      * Use `$name` for custom properties and `#name` for color tokens.
+     *
+     * For color tokens (#name), boolean `true` is converted to `transparent`.
+     *
      * @example
      * ```ts
      * configure({
@@ -163,6 +166,7 @@ export interface TastyConfig {
      *     '$card-padding': '4x',
      *     '#accent': '#purple',
      *     '#surface': '#white',
+     *     '#overlay': true, // → transparent
      *   },
      * });
      *
@@ -176,7 +180,9 @@ export interface TastyConfig {
      * ```
      */
     tokens?: {
-        [key: `$${string}` | `#${string}`]: string | number;
+        [key: `$${string}`]: string | number;
+    } & {
+        [key: `#${string}`]: string | number | boolean;
     };
 }
 /**

package/types/tasty/types.d.ts

@@ -19,8 +19,13 @@ export type ModValue = boolean | string | number | undefined | null;
 export type Mods<T extends Record<string, ModValue> = {}> = T & {
     [key: string]: ModValue;
 };
-/** Token value: string or number (processed), undefined/null (skipped) */
-export type TokenValue = string | number | undefined | null;
+/**
+ * Token value: string or number (processed), boolean for special handling, undefined/null (skipped).
+ * For color tokens (#name), boolean `true` is converted to `transparent`.
+ * For non-color tokens ($name), boolean `true` results in an empty string value.
+ * Boolean `false` results in no CSS output (token is skipped).
+ */
+export type TokenValue = string | number | boolean | undefined | null;
 /**
  * Tokens definition for inline CSS custom properties.
  * - `$name` keys become `--name` CSS properties