@capillarytech/blaze-ui 5.20.0 → 5.22.0

package/CapCardBox/Status.md

@@ -1,52 +0,0 @@
-# Migration Status: CapCardBox
-
-**Last Updated**: 2026-02-06 11:25:58
-
-## Migration Steps
-
-- [x] **Step 0**: Setup branch and remote tracking
-- [x] **Step 1**: Migration Prompt 1 (Main migration)
-- [x] **Step 1.5**: Export component in blaze-ui/components/index.ts
-- [x] **Step 2**: Migration Prompt 2 (Storybook support)
-- [x] **Step 2.5**: Verify deprecated props and prop changes (REQUIRED - enforced)
-- [x] **Step 3**: Migration Prompt 3 (Unit tests)
-- [x] **Step 4**: Migration Prompt 4 (Visual test cases)
-- [x] **Step 5**: Linting (ESLint)
-- [x] **Step 6**: Pre-build Validation
-- [x] **Step 7**: Build blaze-ui
-- [x] **Step 8**: Visual Testing
-- [x] **Step 9**: CSS Analysis (if mismatches found)
-- [x] **Step 9.5**: CSS Analysis Completed
-- [x] **Step 10**: Git Commit & Push to branch (pre-commit hook will run tests)
-- [x] **Step 11**: Create Pull Request
-
-## Deprecated Props Verification
-
-_No deprecated props verification results yet._
-
-**Note**: Step 2.5 is REQUIRED and enforced. 
-- Focus: **Ant Design component prop changes** (e.g., Dropdown, Input, Alert, Tooltip, etc.)
-- Reference: MIGRATION_CHANGELOG_TEMPLATE.md for format, ANTD_V6_MIGRATION.md for Ant Design deprecated APIs
-- Skip: If original component doesn't exist in cap-ui-library
-- All deprecated Ant Design props and prop changes must be documented before proceeding.
-
-## Visual Testing Results
-
-**Last Test**: 2026-02-06 11:25:58
-**Maximum Mismatch**: 0%
-
-### Mismatched Variants:
-- 
-
-
-## CSS Fixes Applied
-
-**Date**: 2026-01-31 11:07:27
-**Summary**: CSS fixes applied based on visual testing analysis.
-
-_See full analysis in: `/Users/sarahkhader/repos/migration/blaze-ui/tools/visual-testing/report/CapCardBox/css-fix-analysis.md`_
-
-
-## Notes
-
-_No notes yet._

package/CapCarousel/README.md

@@ -1,190 +0,0 @@
-# CapCarousel
-
-A carousel component built on Ant Design's Carousel component with Capillary-specific enhancements including top switcher navigation and custom data structure.
-
-## Migration from cap-ui-library
-
-This component has been migrated from `@capillarytech/cap-ui-library` to `@capillarytech/blaze-ui` with the following changes:
-
-- Converted from JavaScript to TypeScript
-- Converted from styled-components to SCSS modules
-- Migrated to Ant Design v6 APIs
-- Added TypeScript interfaces for props
-- Maintained backward compatibility with the existing API
-
-## Breaking Changes
-
-**No breaking changes from cap-ui-library v8.x**
-
-The component maintains backward compatibility with the previous version.
-
-## Deprecated Props
-
-**Status:** ✅ **No deprecated props**
-
-The Ant Design `Carousel` component does not have any deprecated props in v6 that require backward compatibility mapping. Unlike other Ant Design components (Dropdown, Tooltip, Tabs, Alert, Slider, etc.), the Carousel component's prop API remained stable during the v3 → v6 migration.
-
-### Ant Design Carousel Component Props
-
-**Ant Design Component:** `Carousel`
-
-**Deprecated Props:** None
-
-The Ant Design `Carousel` component has **no deprecated props** in v6. All Carousel props from v3 continue to work in v6 without any changes.
-
-**Verification References:**
-- ✅ Checked `MIGRATION_CHANGELOG_TEMPLATE.md` (PRIMARY REFERENCE) - No Carousel deprecated props patterns documented in the "Common Patterns & Solutions" section
-- ✅ Checked `ANTD_V6_MIGRATION.md` - Carousel component is **not** listed in the deprecated API fixes table (lines 25-40), confirming that Carousel has no deprecated props in Ant Design v6 migration
-- ✅ Verified all Carousel props used in the component (`dots`, `beforeChange`, `className`, and all props passed via `...rest`) are standard Ant Design v6 API props
-
-**Verified Ant Design Carousel Props (All Supported in v6):**
-- `beforeChange` - Callback before slide changes (wrapped by CapCarousel with custom signature)
-- `dots` - Whether to show dots indicator
-- `dotPosition` - Position of dots (`'top' | 'bottom' | 'left' | 'right'`)
-- `autoplay` - Whether to scroll automatically
-- `autoplaySpeed` - Interval time of autoplay (ms)
-- `effect` - Transition effect (`'scrollx' | 'fade'`)
-- `speed` - Transition speed (ms)
-- `easing` - Transition easing function
-- `vertical` - Whether to use vertical layout
-- `infinite` - Whether to loop infinitely
-- `draggable` - Whether to enable dragging
-- `swipeToSlide` - Whether to swipe to slide
-- `pauseOnHover` - Whether to pause autoplay on hover
-- `waitForAnimate` - Whether to wait for animation
-- `adaptiveHeight` - Whether to adapt height to current slide
-- All other `CarouselProps` from Ant Design v6
-
-**Note:** The component uses a custom `beforeChange` prop signature that wraps Ant Design's `beforeChange` callback. This is a Cap-specific enhancement and not related to Ant Design prop deprecations.
-
-## Prop Changes
-
-| Prop | Status | Notes |
-|------|--------|-------|
-| `showTopSwitcher` | ✅ Unchanged | Whether to show the top switcher with navigation icons and heading |
-| `data` | ✅ Unchanged | Array of carousel data items |
-| `beforeChange` | ✅ Unchanged | Callback function called when carousel changes (custom signature: `(params: { currentIndex: number }) => void`) |
-| `currentIndex` | ✅ Unchanged | Current index of the carousel (controlled mode) |
-| `className` | ✅ Unchanged | Custom CSS class name for the carousel component |
-| `wrapperClassName` | ✅ Unchanged | Custom CSS class name for the wrapper element |
-| `width` | ✅ Unchanged | Width of the carousel wrapper (default: `'100%'`) |
-| `dots` | ✅ Unchanged | Whether to show dots indicator (default: `false`) |
-| All other Ant Design Carousel props | ✅ Unchanged | Passed through to underlying Carousel component |
-
-## API Changes
-
-Since `Carousel` has no deprecated props in Ant Design v6, no API changes are required. All existing code using CapCarousel will continue to work without modifications.
-
-### Custom beforeChange Signature
-
-CapCarousel wraps Ant Design's `beforeChange` callback to provide a simpler API:
-
-**Ant Design Carousel beforeChange:**
-```tsx
-beforeChange: (from: number, to: number) => void
-```
-
-**CapCarousel beforeChange:**
-```tsx
-beforeChange: (params: { currentIndex: number }) => void
-```
-
-This is a Cap-specific enhancement and not related to Ant Design prop deprecations.
-
-## Code Examples
-
-### Basic Usage
-
-```tsx
-import CapCarousel from '@capillarytech/blaze-ui/components/CapCarousel';
-
-const carouselData = [
-  {
-    key: '1',
-    name: 'Slide 1',
-    content: <div>Content for slide 1</div>,
-  },
-  {
-    key: '2',
-    name: 'Slide 2',
-    content: <div>Content for slide 2</div>,
-  },
-];
-
-<CapCarousel data={carouselData} />
-```
-
-### With Custom Width
-
-```tsx
-<CapCarousel 
-  data={carouselData}
-  width="800px"
-/>
-```
-
-### Controlled Mode
-
-```tsx
-const [currentIndex, setCurrentIndex] = useState(0);
-
-<CapCarousel 
-  data={carouselData}
-  currentIndex={currentIndex}
-  beforeChange={({ currentIndex }) => {
-    setCurrentIndex(currentIndex);
-  }}
-/>
-```
-
-### Without Top Switcher
-
-```tsx
-<CapCarousel 
-  data={carouselData}
-  showTopSwitcher={false}
-  dots={true}
-/>
-```
-
-### With Ant Design Carousel Props
-
-```tsx
-<CapCarousel 
-  data={carouselData}
-  autoplay={true}
-  autoplaySpeed={3000}
-  effect="fade"
-  speed={500}
-/>
-```
-
-## Verification
-
-### ✅ Deprecated Props Check
-- **Status:** ✅ **No deprecated props found**
-- **Ant Design Component:** Carousel
-- **Verification Method:**
-  - Checked `ANTD_V6_MIGRATION.md` - Carousel is **not** listed in deprecated API fixes table
-  - Checked `MIGRATION_CHANGELOG_TEMPLATE.md` - No Carousel deprecated props patterns documented
-  - Verified all Carousel props used are standard v6 API props
-
-### ✅ Component Props
-- All CapCarousel-specific props remain unchanged
-- All Ant Design Carousel props are passed through unchanged
-- Custom `beforeChange` signature is a Cap enhancement, not a deprecation
-
-### ✅ Backward Compatibility
-- **Status:** ✅ **100% backward compatible**
-- All existing code using CapCarousel will continue to work without modifications
-- No deprecated props to migrate
-
-## Summary
-
-✅ **Carousel Component**: No deprecated props found
-
-**Verification Results:**
-- Deprecated props check: **None** - Carousel has no deprecated props in v6
-- Backward compatibility: **100%** - All props remain valid
-- API changes: **None** - No migration required
-- README.md created with "Deprecated Props" section documenting no deprecated props

package/CapCarousel/Status.md

@@ -1,73 +0,0 @@
-# Migration Status: CapCarousel
-
-**Last Updated**: 2026-02-06 22:57:09
-
-## Migration Steps
-
-- [x] **Step 0**: Setup branch and remote tracking
-- [x] **Step 1**: Migration Prompt 1 (Main migration)
-- [ ] **Step 1.5**: Export component in blaze-ui/components/index.ts
-- [x] **Step 2**: Migration Prompt 2 (Storybook support)
-- [x] **Step 2.5**: Verify deprecated props and prop changes (REQUIRED - enforced)
-- [x] **Step 3**: Migration Prompt 3 (Unit tests)
-- [x] **Step 4**: Migration Prompt 4 (Visual test cases)
-- [x] **Step 5**: Linting (ESLint)
-- [x] **Step 6**: Pre-build Validation
-- [x] **Step 7**: Build blaze-ui
-- [ ] **Step 8**: Visual Testing
-- [ ] **Step 9**: CSS Analysis (if mismatches found)
-- [ ] **Step 9.5**: CSS Analysis Completed
-- [ ] **Step 10**: Git Commit & Push to branch (pre-commit hook will run tests)
-- [ ] **Step 11**: Create Pull Request
-
-## Deprecated Props Verification
-
-✅ **Verification Complete** - 2026-02-06
-
-**Status:** ✅ **No deprecated props found**
-
-**Ant Design Component Used:** Carousel
-
-**Verification Results:**
-1. **Checked MIGRATION_CHANGELOG_TEMPLATE.md** - No Carousel deprecated props patterns documented
-2. **Checked ANTD_V6_MIGRATION.md** - Carousel component is **not** listed in the deprecated API fixes table
-3. **Component Analysis:**
-   - Component uses `Carousel` from `antd-v5` (alias for `antd@^6.1.0`)
-   - Props passed via `...rest` spread: `beforeChange`, `dots`, `className`, and all other standard Carousel props
-   - All props used are standard Ant Design v6 Carousel API props
-   - No deprecated props identified (e.g., no `visible` → `open`, no `overlayClassName` → `classNames.root`, etc.)
-
-**Conclusion:** The Ant Design `Carousel` component does not have any deprecated props in v6. No backward compatibility mapping or deprecation warnings are required.
-
-**Documentation:**
-- ✅ README.md created with "Deprecated Props" section documenting no deprecated props
-- ✅ Status.md updated with verification results
-- ✅ No @deprecated JSDoc comments needed (no deprecated props)
-
-**Note**: Step 2.5 is REQUIRED and enforced. 
-- Focus: **Ant Design component prop changes** (e.g., Dropdown, Input, Alert, Tooltip, etc.)
-- Reference: MIGRATION_CHANGELOG_TEMPLATE.md for format, ANTD_V6_MIGRATION.md for Ant Design deprecated APIs
-- Skip: If original component doesn't exist in cap-ui-library
-- All deprecated Ant Design props and prop changes must be documented before proceeding.
-
-## Visual Testing Results
-
-**Last Test**: 2026-02-06 17:58:24
-**Maximum Mismatch**: 2.08%
-
-### Mismatched Variants:
-- empty-data:2.08%
-
-
-## CSS Fixes Applied
-
-**Date**: 2026-02-06 17:59:02
-**Summary**: CSS fixes applied based on visual testing analysis.
-
-_See full analysis in: `/Users/sarahkhader/repos/migration/blaze-ui/tools/visual-testing/report/CapCarousel/css-fix-analysis.md`_
-
-
-## Notes
-
-_No notes yet._
-

package/CapCheckbox/README.md

@@ -1,254 +0,0 @@
-# CapCheckbox Component
-
-A checkbox component built on top of Ant Design v6 Checkbox with additional features like error messages, inductive text, and custom label types.
-
-## Migration from cap-ui-library to blaze-ui
-
-### Summary of Changes
-
-This component has been migrated from `cap-ui-library` to `blaze-ui` with the following improvements:
-
-1. **TypeScript Conversion**
-   - Converted from JavaScript to TypeScript
-   - Added comprehensive TypeScript interfaces in separate `CapCheckbox.interfaces.ts` file
-   - Replaced PropTypes with TypeScript types
-   - Full type safety with no `any` types
-
-2. **Modern React Patterns**
-   - Maintained as functional component
-   - Uses React hooks (already functional in cap-ui-library)
-   - Better type safety with TypeScript
-
-3. **Styling**
-   - Converted from styled-components to SCSS modules
-   - Uses SCSS variables from `components/styled/` directory
-   - Maintains backward design compatibility with existing class names
-
-4. **Ant Design v6 Migration**
-   - Updated to use Ant Design v6 APIs (`antd-v5` package)
-   - All Ant Design Checkbox props are supported through prop spreading
-
-### Breaking Changes
-
-**No breaking changes from cap-ui-library v8.x**
-
-All props remain backward compatible. The component maintains the same API and behavior as the cap-ui-library version.
-
-### Props
-
-| Prop Name | Type | Default | Description |
-|-----------|------|---------|-------------|
-| `className` | `string` | `undefined` | Additional CSS class name for the checkbox wrapper |
-| `children` | `React.ReactNode` | `undefined` | Label text/content for the checkbox |
-| `errorMessage` | `string` | `undefined` | Error message displayed below the checkbox when `className` contains "error" |
-| `inductiveText` | `string` | `undefined` | Additional text displayed below the checkbox label |
-| `suffix` | `React.ReactNode` | `undefined` | Additional content displayed after the label |
-| `labelType` | `string` | `'h4'` | Type of label to use (passed to `CapLabel.CapLabelInline`) |
-| `checked` | `boolean` | `undefined` | Whether the checkbox is checked (Ant Design prop) |
-| `disabled` | `boolean` | `undefined` | Whether the checkbox is disabled (Ant Design prop) |
-| `onChange` | `(e: CheckboxChangeEvent) => void` | `undefined` | Callback when checkbox state changes (Ant Design prop) |
-| `...rest` | `CheckboxProps` | - | All other Ant Design Checkbox props are supported |
-
-### Deprecated Props
-
-**No deprecated props** - All props from cap-ui-library v8.x are still supported.
-
-The Checkbox component in Ant Design v6 does not have deprecated props that require backward compatibility mapping.
-
-### TypeScript Interfaces
-
-```typescript
-import type { CapCheckboxProps } from '@capillarytech/blaze-ui';
-
-interface CapCheckboxProps extends Omit<CheckboxProps, 'children'> {
-  className?: string;
-  children?: React.ReactNode;
-  errorMessage?: string;
-  inductiveText?: string;
-  suffix?: React.ReactNode;
-  labelType?: string;
-}
-```
-
-### Static Properties
-
-The component exposes `CapCheckbox.Group` for checkbox groups:
-
-```tsx
-import { CapCheckbox } from '@capillarytech/blaze-ui';
-
-<CapCheckbox.Group>
-  <CapCheckbox value="option1">Option 1</CapCheckbox>
-  <CapCheckbox value="option2">Option 2</CapCheckbox>
-</CapCheckbox.Group>
-```
-
-### Behavioral Changes
-
-None. The component behaves identically to the original cap-ui-library implementation.
-
-### Migration Steps
-
-#### 1. Update Import
-
-```tsx
-// Before (cap-ui-library)
-import CapCheckbox from '@capillarytech/cap-ui-library/CapCheckbox';
-
-// After (blaze-ui)
-import { CapCheckbox } from '@capillarytech/blaze-ui';
-// or
-import CapCheckbox from '@capillarytech/blaze-ui/CapCheckbox';
-```
-
-#### 2. Usage (No Changes Required)
-
-```tsx
-// Basic usage - works exactly the same
-<CapCheckbox>Checkbox Label</CapCheckbox>
-
-// With error message
-<CapCheckbox className="error" errorMessage="This field is required">
-  Required Field
-</CapCheckbox>
-
-// With inductive text
-<CapCheckbox inductiveText="Additional information">
-  Checkbox with Info
-</CapCheckbox>
-
-// With suffix
-<CapCheckbox suffix={<span>★</span>}>Checkbox with Suffix</CapCheckbox>
-
-// Controlled checkbox
-<CapCheckbox checked={isChecked} onChange={handleChange}>
-  Controlled Checkbox
-</CapCheckbox>
-
-// Disabled checkbox
-<CapCheckbox disabled>Disabled Checkbox</CapCheckbox>
-```
-
-#### 3. TypeScript (New Benefit)
-
-If using TypeScript, you now get full type checking:
-
-```tsx
-import { CapCheckbox, CapCheckboxProps } from '@capillarytech/blaze-ui';
-
-// Type-safe props
-const props: CapCheckboxProps = {
-  labelType: 'h3',
-  errorMessage: 'Error message',
-  children: 'Checkbox Label'
-};
-
-<CapCheckbox {...props} />
-```
-
-### Examples
-
-#### Basic Usage
-
-```tsx
-import { CapCheckbox } from '@capillarytech/blaze-ui';
-
-function Form() {
-  const [checked, setChecked] = React.useState(false);
-
-  return (
-    <CapCheckbox checked={checked} onChange={(e) => setChecked(e.target.checked)}>
-      I agree to the terms and conditions
-    </CapCheckbox>
-  );
-}
-```
-
-#### With Error Message
-
-```tsx
-import { CapCheckbox } from '@capillarytech/blaze-ui';
-
-function Form() {
-  const [hasError, setHasError] = React.useState(true);
-
-  return (
-    <CapCheckbox
-      className={hasError ? 'error' : ''}
-      errorMessage="Please accept the terms to continue"
-    >
-      Accept Terms
-    </CapCheckbox>
-  );
-}
-```
-
-#### With Inductive Text
-
-```tsx
-import { CapCheckbox } from '@capillarytech/blaze-ui';
-
-function Form() {
-  return (
-    <CapCheckbox inductiveText="By checking this, you agree to receive marketing emails">
-      Subscribe to newsletter
-    </CapCheckbox>
-  );
-}
-```
-
-#### Checkbox Group
-
-```tsx
-import { CapCheckbox } from '@capillarytech/blaze-ui';
-
-function Form() {
-  const [selectedValues, setSelectedValues] = React.useState<string[]>([]);
-
-  return (
-    <CapCheckbox.Group
-      value={selectedValues}
-      onChange={(values) => setSelectedValues(values as string[])}
-    >
-      <CapCheckbox value="option1">Option 1</CapCheckbox>
-      <CapCheckbox value="option2">Option 2</CapCheckbox>
-      <CapCheckbox value="option3">Option 3</CapCheckbox>
-    </CapCheckbox.Group>
-  );
-}
-```
-
-#### Custom Label Type
-
-```tsx
-import { CapCheckbox } from '@capillarytech/blaze-ui';
-
-function Form() {
-  return (
-    <CapCheckbox labelType="h3">
-      Large Label Checkbox
-    </CapCheckbox>
-  );
-}
-```
-
-### Styling
-
-The component uses SCSS modules with the following class structure:
-
-- `.cap-checkbox-wrapper` - Main wrapper
-- `.cap-checkbox-v2` - Checkbox container
-- `.title` - Label styling
-- `.title.has-suffix` - Label with suffix spacing
-- `.inductive-text` - Inductive text styling
-- `.error-message` - Error message styling
-
-All styles use SCSS variables from `components/styled/variables` for consistency.
-
-### Notes
-
-- The component wraps Ant Design's Checkbox component and extends it with additional features
-- Error messages are only displayed when `className` contains the string "error" and `errorMessage` is provided
-- The `labelType` prop is passed directly to `CapLabel.CapLabelInline` component
-- All Ant Design Checkbox props are supported through prop spreading
-- The component maintains backward compatibility with existing designs and class names

package/CapCheckbox/Status.md

@@ -1,41 +0,0 @@
-# Migration Status: CapCheckbox
-
-**Last Updated**: 2026-01-19 02:40:52
-
-## Migration Steps
-
-- [x] **Step 0**: Setup branch and remote tracking
-- [x] **Step 1**: Migration Prompt 1 (Main migration)
-- [x] **Step 2**: Migration Prompt 2 (Storybook support)
-- [x] **Step 3**: Migration Prompt 3 (Unit tests)
-- [x] **Step 4**: Linting (ESLint)
-- [x] **Step 5**: Pre-build Validation
-- [x] **Step 6**: Build blaze-ui
-- [x] **Step 7**: Visual Testing
-- [x] **Step 8**: CSS Analysis (if mismatches found)
-- [x] **Step 8.5**: CSS Analysis Completed
-- [x] **Step 8.9**: Run Tests & Fix Failures
-- [ ] **Step 9**: Git Commit & Push to branch
-- [ ] **Step 10**: Create Pull Request
-
-## Visual Testing Results
-
-**Last Test**: 2026-01-19 02:40:52
-**Maximum Mismatch**: 2.48%
-
-### Mismatched Variants:
-- ✅ All variants match perfectly!
-
-
-## CSS Fixes Applied
-
-**Date**: 2026-01-19 02:40:52
-**Summary**: CSS fixes applied based on visual testing analysis.
-
-_See full analysis in: `/Users/sarahkhader/repos/migration/blaze-ui/tools/visual-testing/report/CapCheckbox/css-fix-analysis.md`_
-
-
-## Notes
-
-_No notes yet._
-