@capillarytech/blaze-ui 4.2.0 → 4.3.0

package/dist/CapDivider/README.md

@@ -0,0 +1,122 @@
+# CapDivider
+
+A divider component for separating content sections.
+
+## Migration from cap-ui-library
+
+### Summary of Changes
+
+CapDivider has been migrated from cap-ui-library to blaze-ui with minimal breaking changes. The component now uses Ant Design v6 APIs while maintaining backward compatibility with deprecated props.
+
+### Prop Changes
+
+#### Renamed Props
+- None
+
+#### Deprecated Props (Still Supported)
+- `orientation="left"` → Maps to `orientation="start"` (deprecated, use `start` instead)
+- `orientation="right"` → Maps to `orientation="end"` (deprecated, use `end` instead)
+
+**Note:** Deprecated values (`left` and `right`) will show console warnings in development mode but continue to work for backward compatibility.
+
+#### New Props
+- `type` - Controls divider direction: `'horizontal' | 'vertical'` (maps to Ant Design's `orientation` prop)
+- `orientation` - Controls text alignment: `'start' | 'center' | 'end'` (maps to Ant Design's `titlePlacement` prop)
+
+### API Changes
+
+#### Before (cap-ui-library)
+```jsx
+import CapDivider from '@capillarytech/cap-ui-library/components/CapDivider';
+
+<CapDivider orientation="left">Text</CapDivider>
+```
+
+#### After (blaze-ui)
+```jsx
+import { CapDivider } from '@capillarytech/blaze-ui';
+
+// New API (recommended)
+<CapDivider orientation="start">Text</CapDivider>
+
+// Legacy API (still works, shows deprecation warning)
+<CapDivider orientation="left">Text</CapDivider>
+```
+
+### Behavioral Changes
+
+- **No breaking changes** - All existing functionality is preserved
+- Deprecated `orientation` values (`left`/`right`) are automatically mapped to their new equivalents (`start`/`end`)
+- Console warnings are shown in development mode when deprecated props are used
+
+### Migration Steps for Consumers
+
+1. **Update imports:**
+   ```jsx
+   // Old
+   import CapDivider from '@capillarytech/cap-ui-library/components/CapDivider';
+   
+   // New
+   import { CapDivider } from '@capillarytech/blaze-ui';
+   ```
+
+2. **Update deprecated prop values (optional, but recommended):**
+   ```jsx
+   // Old
+   <CapDivider orientation="left">Text</CapDivider>
+   <CapDivider orientation="right">Text</CapDivider>
+   
+   // New
+   <CapDivider orientation="start">Text</CapDivider>
+   <CapDivider orientation="end">Text</CapDivider>
+   ```
+
+   **Note:** The old values still work, but you'll see deprecation warnings in development.
+
+### Code Examples
+
+#### Basic Usage
+```jsx
+import { CapDivider } from '@capillarytech/blaze-ui';
+
+// Horizontal divider without text
+<CapDivider />
+
+// Horizontal divider with centered text
+<CapDivider>Section Title</CapDivider>
+
+// Horizontal divider with left-aligned text
+<CapDivider orientation="start">Left Text</CapDivider>
+
+// Horizontal divider with right-aligned text
+<CapDivider orientation="end">Right Text</CapDivider>
+
+// Vertical divider
+<CapDivider type="vertical" />
+```
+
+#### With Custom Styling
+```jsx
+<CapDivider className="custom-divider" style={{ margin: '2rem 0' }}>
+  Custom Styled Divider
+</CapDivider>
+```
+
+#### With Ant Design Props
+```jsx
+<CapDivider dashed plain>
+  Dashed Plain Divider
+</CapDivider>
+```
+
+### Import Examples
+
+```tsx
+// Default import
+import { CapDivider } from '@capillarytech/blaze-ui';
+
+// With type import
+import { CapDivider } from '@capillarytech/blaze-ui';
+import type { CapDividerProps } from '@capillarytech/blaze-ui';
+```
+

package/dist/CapDivider/index.d.ts

@@ -1,21 +1,6 @@
-import type { DividerProps } from 'antd-v5';
 import React from 'react';
-type LegacyAlignment = 'left' | 'right';
-type TitlePlacement = 'start' | 'center' | 'end';
-export interface CapDividerProps extends Omit<DividerProps, 'titlePlacement' | 'orientation'> {
-    className?: string;
-    /**
-     * Text alignment placement for the divider title.
-     * v6 API: 'start' | 'center' | 'end' (maps to titlePlacement prop)
-     * Legacy values 'left' and 'right' are automatically mapped to 'start' and 'end'
-     */
-    orientation?: LegacyAlignment | TitlePlacement;
-    /**
-     * Direction of the divider.
-     * Maps to Ant Design's orientation prop: 'horizontal' | 'vertical'
-     */
-    type?: 'horizontal' | 'vertical';
-}
+import { CapDividerProps } from './types';
+import './styles.scss';
 declare const CapDivider: React.FC<CapDividerProps>;
 export default CapDivider;
 //# sourceMappingURL=index.d.ts.map

package/dist/CapDivider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapDivider/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,eAAe,GAAG,MAAM,GAAG,OAAO,CAAC;AAExC,KAAK,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAcjD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,YAAY,EAAE,gBAAgB,GAAG,aAAa,CAAC;IAC3F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,eAAe,GAAG,cAAc,CAAC;IAC/C;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CAClC;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAYzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapDivider/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAmC,MAAM,SAAS,CAAC;AAC3E,OAAO,eAAe,CAAC;AAiCvB,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwDzC,CAAC;AAEF,eAAe,UAAU,CAAC"}