@cube-dev/ui-kit 0.0.0-canary-1d72480 → 0.0.0-canary-394591b

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' | 'secondary' | 'neutral'` (default: `outline`) — Button styling type
+- **`type`** `'outline' | '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
@@ -293,11 +293,9 @@ const categories = [
 
 ### Button Types
 
-- `outline` - Default outlined button style
-- `clear` - Transparent background button
+- `outline` - Default outlined button style; `isSelected` adds brand-tinted fill
+- `clear` - Transparent background button; `isSelected` adds brand-tinted fill
 - `primary` - Primary brand color button
-- `secondary` - Secondary color button
-- `neutral` - Neutral color button
 
 ### Sizes
 

package/docs/components/fields/ListBox.md

@@ -513,7 +513,7 @@ const [selectedKey, setSelectedKey] = useState('apple');
   >
     <Space gap="1x" flow="column">
       <Text weight="600">Basic Plan</Text>
-      <Badge type="neutral">Free</Badge>
+      <Badge type="disabled">Free</Badge>
     </Space>
   </ListBox.Item>
   <ListBox.Item

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' | 'secondary' | 'neutral'` (default: `outline`) — Trigger button styling type
+- **`type`** `'outline' | '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
@@ -289,11 +289,9 @@ For large datasets or dynamic content, use the `items` prop with a render functi
 
 The trigger button supports various visual styles via the `type` prop:
 
-- **`outline`** (default) — Outlined button with border. Use case: Standard form inputs
-- **`clear`** — Transparent background. Use case: Toolbar actions, compact interfaces
+- **`outline`** (default) — Outlined button with border. Use case: Standard form inputs. `isSelected` adds brand-tinted fill.
+- **`clear`** — Transparent background. Use case: Toolbar actions, compact interfaces. `isSelected` adds brand-tinted fill.
 - **`primary`** — Primary brand color. Use case: Emphasized selections
-- **`secondary`** — Secondary color variant. Use case: Alternative emphasis
-- **`neutral`** — Neutral color scheme. Use case: Subtle selections
 
 ### Trigger Button Themes
 

package/docs/components/fields/RadioGroup.md

@@ -22,7 +22,7 @@ A radio group allows users to select exactly one option from a set of mutually e
 - **`type`** `'radio' | 'button' | 'tabs'` (default: `radio`) — Visual type for all radios in the group (button/tabs default to horizontal)
 - **`orientation`** `undefined | 'vertical' | 'horizontal'` (default: `auto`) — Orientation of the radio group (auto-set based on type)
 - **`size`** `'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'` (default: `xsmall`) — Size for all radio buttons in the group
-- **`buttonType`** `'outline' | 'neutral' | 'primary' | 'clear'` — Button type for button-style radios (ignored in tabs mode). When set to "primary", selected buttons use primary style and non-selected use secondary
+- **`buttonType`** `'outline' | 'clear' | 'primary'` — Button type for button-style radios (ignored in tabs mode). When set to "primary", selected buttons use primary style and non-selected use outline with brand tint
 - **`onChange`** `function` — Callback fired when the selected value changes
 - **`onBlur`** `function` — Callback fired when the radio group loses focus
 - **`onFocus`** `function` — Callback fired when the radio group receives focus
@@ -75,7 +75,7 @@ The `mods` property accepts the following modifiers you can override:
 
 - `radio` - Traditional radio button appearance (default)
 - `button` - Button-style radio options with spacing
-- `tabs` - Connected tab-style buttons (compact, neutral styling)
+- `tabs` - Connected tab-style buttons (compact, clear styling)
 
 **Default Orientation:**
 - `radio` type: vertical
@@ -111,14 +111,12 @@ This ensures tab groups remain compact and cohesive.
 ### Button Type
 
 When using `type="button"`, you can customize the button appearance:
-- `outline` - Outlined buttons (default)
-- `neutral` - Neutral filled buttons
-- `primary` - Primary action buttons with smart styling: selected buttons use primary style, non-selected buttons automatically use secondary style
-- `clear` - Minimal buttons without background
+- `outline` - Outlined buttons (default); `isSelected` state adds brand-tinted fill
+- `clear` - Minimal buttons without background; `isSelected` state adds brand-tinted fill
+- `primary` - Primary action buttons with smart styling: selected buttons use primary style, non-selected buttons use outline with brand tint
 
 **Note:** 
-- The `buttonType` prop is ignored when `type="tabs"`. Tabs always use neutral styling for visual consistency.
-- The `secondary` type cannot be used directly. Use `primary` instead, which automatically applies secondary styling to non-selected buttons.
+- The `buttonType` prop is ignored when `type="tabs"`. Tabs always use `clear` styling for visual consistency.
 
 ## Examples
 
@@ -165,7 +163,7 @@ When using `type="button"`, you can customize the button appearance:
 ### Custom Button Type
 
 ```jsx
-{/* Primary buttonType: selected uses primary, non-selected uses secondary */}
+{/* Primary buttonType: selected uses primary, non-selected uses outline with brand tint */}
 <Radio.Group label="Action" type="button" buttonType="primary">
   <Radio value="save">Save</Radio>
   <Radio value="cancel">Cancel</Radio>

package/docs/components/fields/Select.md

@@ -218,10 +218,8 @@ Groups related options together with an optional heading.
 ### Types
 
 - `primary` - Primary emphasis styling
-- `secondary` - Secondary emphasis styling
-- `outline` - Outlined appearance
-- `neutral` - Neutral appearance
-- `clear` - Minimal appearance
+- `outline` - Outlined appearance; `isSelected` adds brand-tinted fill
+- `clear` - Minimal appearance; `isSelected` adds brand-tinted fill
 - `link` - Link-like appearance
 
 ### Sizes

package/package.json

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