@cube-dev/ui-kit 0.0.0-canary-ae9c71c → 0.0.0-canary-93a721d

package/dist/tokens/base.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 //#region src/tokens/base.ts
 /**
 * Base design system tokens.

package/dist/tokens/colors.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 import { PALETTE_TOKENS } from "./palette.js";
 
 //#region src/tokens/colors.ts

package/dist/tokens/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 import { BASE_TOKENS } from "./base.js";
 import { COLOR_TOKENS } from "./colors.js";
 import { LAYOUT_TOKENS } from "./layout.js";

package/dist/tokens/layout.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 //#region src/tokens/layout.ts
 /**
 * Layout-related tokens for common UI dimensions.

package/dist/tokens/palette.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 import { glaze } from "@tenphi/glaze";
 
 //#region src/tokens/palette.ts

package/dist/tokens/shadows.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 //#region src/tokens/shadows.ts
 /**
 * Shadow tokens using tasty shorthand syntax.

package/dist/tokens/sizes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 //#region src/tokens/sizes.ts
 /**
 * Component size values in pixels.

package/dist/tokens/spacing.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 //#region src/tokens/spacing.ts
 /**
 * Spacing tokens using tasty multiplier syntax.

package/dist/tokens/typography.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 //#region src/tokens/typography.ts
 /**
 * Typography presets for headings, text, and special styles.

package/dist/utils/ResizeSensor.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 //#region src/utils/ResizeSensor.ts
 /**
 * Iterate over each of the provided element(s).

package/dist/utils/is-dev-env.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 //#region src/utils/is-dev-env.ts
 function isDevEnv() {
 	if (typeof window !== "undefined" && window.localStorage) try {

package/dist/utils/modules.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 //#region src/utils/modules.ts
 function extractModule(promise) {
 	return promise.then((module) => module.default || module);

package/dist/utils/promise.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 //#region src/utils/promise.ts
 function timeout(ms = 30) {
 	return new Promise((resolve) => {

package/dist/utils/raf.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 //#region src/utils/raf.ts
 /**
 * Chains N requestAnimationFrame calls and returns a cancel function.

package/dist/utils/random.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 //#region src/utils/random.ts
 function random(min, max) {
 	const realMin = min < max ? min : max;

package/dist/utils/range.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 //#region src/utils/range.ts
 function range(count) {
 	return Array.from({ length: count }, (_, i) => i);

package/dist/utils/react/RenderCache.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 import { useRef } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 

package/dist/utils/react/Slots.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 import { mergeProps } from "./mergeProps.js";
 import { Children, cloneElement, createContext, useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/utils/react/chain.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 //#region src/utils/react/chain.ts
 /**
 * Calls all functions in the order they were chained with the same arguments.

package/dist/utils/react/forwardRefWithGenerics.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 //#region src/utils/react/forwardRefWithGenerics.tsx
 /**
 * A helper for creating forwardRef components with generic types.

package/dist/utils/react/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 import { chain } from "./chain.js";
 import { forwardRefWithGenerics } from "./forwardRefWithGenerics.js";
 import { isTextOnly } from "./isTextOnly.js";

package/dist/utils/react/interactions.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 import { useState } from "react";
 import { useFocus, useFocusVisible } from "react-aria";
 

package/dist/utils/react/isTextOnly.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 import { Children, isValidElement } from "react";
 
 //#region src/utils/react/isTextOnly.ts

package/dist/utils/react/mapProps.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 //#region src/utils/react/mapProps.ts
 /** Converts AriaButtonProps to CubeButtonProps */
 function ariaToCubeButtonProps(props) {

package/dist/utils/react/mergeProps.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 import { chain } from "./chain.js";
 import { mergeIds } from "./useId.js";
 import { mergeStyles } from "@tenphi/tasty";

package/dist/utils/react/nullableValue.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 //#region src/utils/react/nullableValue.ts
 function castNullableStringValue(props) {
 	return castNullableField(props, ["value", "defaultValue"], "string", (v) => String(v));

package/dist/utils/react/resolveIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 //#region src/utils/react/resolveIcon.ts
 /**
 * Resolves a dynamic icon prop to its content and slot state.

package/dist/utils/react/sharedStore.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useSyncExternalStore } from "react";
 

package/dist/utils/react/useCombinedRefs.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 import { useEffect, useRef } from "react";
 
 //#region src/utils/react/useCombinedRefs.ts

package/dist/utils/react/useControlledFocusVisible.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 import { createSharedStore } from "./sharedStore.js";
 import { useEffect } from "react";
 import { useFocusVisible } from "react-aria";

package/dist/utils/react/useEventBus.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 import React, { createContext, useCallback, useContext, useEffect, useRef } from "react";
 
 //#region src/utils/react/useEventBus.ts

package/dist/utils/react/useId.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "./useLayoutEffect.js";
 import { useEffect, useRef, useState } from "react";
 import { useSSRSafeId } from "@react-aria/ssr";

package/dist/utils/react/useIsDarwin.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 import { useEffect, useState } from "react";
 
 //#region src/utils/react/useIsDarwin.ts

package/dist/utils/react/useKeySymbols.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 import { useIsDarwin } from "./useIsDarwin.js";
 import { useMemo } from "react";
 

package/dist/utils/react/useLayoutEffect.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 import * as React$1 from "react";
 
 //#region src/utils/react/useLayoutEffect.tsx

package/dist/utils/react/useLocalStorage.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useCallback, useSyncExternalStore } from "react";
 

package/dist/utils/react/useMergeStyles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 import { mergeStyles } from "@tenphi/tasty";
 import { useMemo } from "react";
 

package/dist/utils/react/usePopoverSync.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 import { useEventBus } from "./useEventBus.js";
 import { useEffect, useRef } from "react";
 

package/dist/utils/react/useQaProps.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 //#region src/utils/react/useQaProps.ts
 /**
 * Processes QA props.

package/dist/utils/react/useViewportSize.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 import { useEffect, useState } from "react";
 
 //#region src/utils/react/useViewportSize.ts

package/dist/utils/react/wrapNodeIfPlain.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 import { isValidElement } from "react";
 import { isFragment } from "react-is";
 

package/dist/utils/selection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 //#region src/utils/selection.ts
 /**
 * Deduplicate/toggle keys in a selection: if a key appears twice it is

package/dist/utils/styles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 //#region src/utils/styles.ts
 /**
 * Split properties into style and non-style properties.

package/dist/utils/tree.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 //#region src/utils/tree.ts
 function toFlatTree(tree, includingFolders) {
 	return tree.reduce((result, node) => {

package/dist/utils/warnings.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 //#region src/utils/warnings.ts
 const SUGGESTED_PROP_MAP = {
 	disabled: "isDisabled",

package/dist/version.js

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-93a721d | Cube Dev Team */
 //#region src/version.ts
-const VERSION = "0.0.0-canary-ae9c71c";
+const VERSION = "0.0.0-canary-93a721d";
 const TASTY_VERSION = "2.6.2";
 if (typeof window !== "undefined") {
 	const version = VERSION;

package/docs/components/actions/Button.md

@@ -15,7 +15,7 @@ A versatile action component that triggers commands and navigates users.
 
 ## Properties
 
-- **`type`** `'primary' | 'outline' | 'clear' | 'link'` (default: `outline`) — Visual style variant of the button
+- **`type`** `'primary' | 'outline' | 'outline-2' | 'clear' | 'link'` (default: `outline`) — Visual style variant of the button (`outline-2` is identical to `outline` but uses `#surface-3` as the base fill; not available for the `special` theme)
 - **`theme`** `'default' | 'danger' | 'success' | 'warning' | 'note' | 'special'` (default: `default`) — Semantic colour palette theme
 - **`size`** `'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'inline' | number` (default: `medium`) — Button size. Use `'inline'` for link-type buttons or a number/string for custom sizes (e.g. `64` or `'8x'`)
 - **`icon`** — Icon rendered before the content. Can be: ReactNode, `true` (empty slot), or function `({ loading, selected, ...mods }) => ReactNode | true`

package/docs/components/actions/ButtonSplit.md

@@ -19,7 +19,7 @@ A split button that groups a primary action with a dropdown trigger for secondar
 - **`defaultActionKey`** `string` — Initially selected action key (uncontrolled)
 - **`onAction`** `(key: string) => void` — Called when the action button is pressed
 - **`onActionChange`** `(key: string) => void` — Called when the selected action changes via the menu
-- **`type`** `'primary' | 'outline' | 'clear'` (default: `'outline'`) — Button type (inherited by children via context)
+- **`type`** `'primary' | 'outline' | 'outline-2' | 'clear'` (default: `'outline'`) — Button type (inherited by children via context)
 - **`theme`** `'default' | 'danger' | 'success' | 'warning' | 'note' | 'special'` (default: `'default'`) — Button theme (inherited by children via context)
 - **`size`** `'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'` (default: `'medium'`) — Button size (inherited by children via context)
 - **`isDisabled`** `boolean` (default: `false`) — Disables all buttons (inherited via context)
@@ -138,7 +138,6 @@ Different types and themes can be applied. All child buttons inherit the styling
 ```jsx
 <Button.Split actions={actions} defaultActionKey="copy" type="primary" />
 <Button.Split actions={actions} defaultActionKey="copy" type="outline" />
-<Button.Split actions={actions} defaultActionKey="copy" type="outline" />
 <Button.Split actions={actions} defaultActionKey="copy" type="primary" theme="danger" />
 <Button.Split actions={actions} defaultActionKey="copy" type="primary" isDisabled />
 ```

package/docs/components/actions/ItemButton.md

@@ -16,7 +16,7 @@ An interactive button component built on top of `Item` that provides all the lay
 
 ### Properties
 
-- **`type`** `'primary' | 'outline' | 'clear'` — Visual type/variant of the button
+- **`type`** `'primary' | 'outline' | 'outline-2' | 'clear'` — Visual type/variant of the button
 - **`theme`** `'default' | 'danger' | 'success' | 'special'` — Color theme of the button
 - **`size`** `'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'` (default: `medium`) — Size of the button (does not support `'inline'`)
 - **`icon`** `ReactNode` — Icon displayed before the content

package/docs/components/content/Item.md

@@ -22,7 +22,7 @@ A foundational component that provides a standardized layout and styling for ite
 - **`suffix`** `ReactNode` — Element rendered after the content (before rightIcon)
 - **`description`** `ReactNode` — Description text displayed with the item
 - **`descriptionPlacement`** `'inline' | 'block'` (default: `inline`) — How the description is positioned relative to the main content. Defaults to `'block'` for `type="card"` and `type="header"`
-- **`type`** `'item' | 'header' | 'primary' | 'outline' | 'clear' | 'link' | 'card'` (default: `item`) — Visual style variant
+- **`type`** `'item' | 'header' | 'primary' | 'outline' | 'outline-2' | 'clear' | 'link' | 'card'` (default: `item`) — Visual style variant
 - **`theme`** `'default' | 'danger' | 'success' | 'warning' | 'note' | 'special'` (default: `default`) — Semantic colour palette theme
 - **`size`** `'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'inline' | number` (default: `medium`) — Item size. Accepts custom number or string values
 - **`shape`** `'card' | 'button' | 'sharp' | 'pill'` (default: `button`) — Shape of the item border radius. Defaults to `'card'` for `type="card"`
@@ -84,7 +84,7 @@ The `mods` property accepts the following modifiers:
 - **`disabled`** `boolean` — Applied when isDisabled is true or when loading
 - **`loading`** `boolean` — Applied when isLoading is true
 - **`size`** `string` — Applied based on size prop value (xsmall, small, medium, large, xlarge, inline)
-- **`type`** `string` — Applied based on type prop value (item, header, primary, outline, clear, link, card)
+- **`type`** `string` — Applied based on type prop value (item, header, primary, outline, outline-2, clear, link, card)
 - **`theme`** `string` — Applied based on theme prop value (default, danger, success, special, warning, note)
 - **`shape`** `string` — Applied based on shape prop value (card, button, sharp, pill)
 
@@ -96,6 +96,7 @@ The `mods` property accepts the following modifiers:
 - `header` - Header appearance for section headers (only supports `default` theme, defaults to `descriptionPlacement="block"`, uses semantic heading tags via `level` prop)
 - `primary` - Primary styled item with prominent appearance
 - `outline` - Item with border outline styling; `isSelected` adds brand-tinted fill
+- `outline-2` - Same as `outline` but uses `#surface-3` as the base fill, designed to sit on `#surface-2` containers without blending in (not available for the `special` theme)
 - `clear` - Transparent item with minimal styling; `isSelected` adds brand-tinted fill
 - `link` - Link-styled item appearance (does not support icons or loading state)
 - `card` - Card appearance for notifications (supports `default`, `success`, `danger`, `warning`, `note` themes; defaults to `shape="card"`, `descriptionPlacement="block"`, uses semantic heading tags via `level` prop, and has `.5x` padding)

package/docs/components/fields/FilterPicker.md

@@ -30,7 +30,7 @@ A versatile selection component that combines a trigger button with a searchable
 - **`items`** `Iterable<T>` — Array of items to render when using the render function pattern for large datasets with dynamic content
 - **`placeholder`** `string` — Placeholder text when no selection is made
 - **`icon`** `ReactNode` — Icon to show in the trigger button
-- **`type`** `'outline' | 'clear' | 'primary'` (default: `outline`) — Button styling type
+- **`type`** `'outline' | 'outline-2' | 'clear' | 'primary'` (default: `outline`) — Button styling type
 - **`theme`** `'default' | 'special'` (default: `default`) — Button theme
 - **`size`** `'small' | 'medium' | 'large'` (default: `medium`) — Size of the picker component
 - **`searchPlaceholder`** `string` — Placeholder text in the search input

package/docs/components/fields/Picker.md

@@ -26,7 +26,7 @@ A versatile selection component that combines a trigger button with a dropdown l
 - **`defaultSelectedKeys`** `string[] | 'all'` — The default selected keys in uncontrolled multiple mode
 - **`items`** `Iterable<T>` — Array of items for dynamic content with render function pattern
 - **`size`** `'small' | 'medium' | 'large'` (default: `medium`) — Size of the picker component
-- **`type`** `'outline' | 'clear' | 'primary'` (default: `outline`) — Trigger button styling type
+- **`type`** `'outline' | 'outline-2' | 'clear' | 'primary'` (default: `outline`) — Trigger button styling type
 - **`theme`** `'default' | 'danger'` (default: `default`) — Trigger button color theme
 - **`icon`** `ReactNode` — Icon displayed in the trigger button
 - **`rightIcon`** `ReactNode` — Icon displayed on the right side of the trigger button

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-ae9c71c",
+  "version": "0.0.0-canary-93a721d",
   "type": "module",
   "description": "UIKit for Cube Projects",
   "repository": {