@capillarytech/blaze-ui 2.1.1-beta.1 → 2.3.1-beta.0

package/dist/styled/variables.scss

@@ -65,8 +65,6 @@ $cap-white-overlay: rgba(255, 255, 255, 0.8);
 $cap-black: #000000;
 $cap-black-alpha01: #00000022;
 $cap-black-alpha02: #000000de;
-$cap-black-overlay: rgba(0, 0, 0, 0.56);
-$cap-shadow-color: rgba(0, 0, 0, 0.12);
 
 // Semantic colors
 $color-error: #ff4d4f;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@capillarytech/blaze-ui",
-  "version": "2.1.1-beta.1",
+  "version": "2.3.1-beta.0",
   "description": "Capillary UI component library with Ant Design v6",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -170,6 +170,11 @@
       "require": "./dist/CapDropdown/index.js",
       "types": "./dist/CapDropdown/index.d.ts"
     },
+    "./CapError": {
+      "import": "./dist/CapError/index.js",
+      "require": "./dist/CapError/index.js",
+      "types": "./dist/CapError/index.d.ts"
+    },
     "./CapForm": {
       "import": "./dist/CapForm/index.js",
       "require": "./dist/CapForm/index.js",
@@ -205,6 +210,11 @@
       "require": "./dist/CapLabel/index.js",
       "types": "./dist/CapLabel/index.d.ts"
     },
+    "./CapLogin": {
+      "import": "./dist/CapLogin/index.js",
+      "require": "./dist/CapLogin/index.js",
+      "types": "./dist/CapLogin/index.d.ts"
+    },
     "./CapMenu": {
       "import": "./dist/CapMenu/index.js",
       "require": "./dist/CapMenu/index.js",
@@ -225,11 +235,6 @@
       "require": "./dist/CapSkeleton/index.js",
       "types": "./dist/CapSkeleton/index.d.ts"
     },
-    "./CapSlideBox": {
-      "import": "./dist/CapSlideBox/index.js",
-      "require": "./dist/CapSlideBox/index.js",
-      "types": "./dist/CapSlideBox/index.d.ts"
-    },
     "./CapSpin": {
       "import": "./dist/CapSpin/index.js",
       "require": "./dist/CapSpin/index.js",

package/dist/CapSlideBox/CapSlideBox.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { CapSlideBoxProps } from './CapSlideBox.interfaces';
-declare const CapSlideBox: React.FC<CapSlideBoxProps>;
-export default CapSlideBox;
-//# sourceMappingURL=CapSlideBox.d.ts.map

package/dist/CapSlideBox/CapSlideBox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CapSlideBox.d.ts","sourceRoot":"","sources":["../../components/CapSlideBox/CapSlideBox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAK5D,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAqH3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/CapSlideBox/CapSlideBox.interfaces.d.ts

@@ -1,15 +0,0 @@
-import { ReactNode } from 'react';
-export interface CapSlideBoxProps {
-    header: ReactNode;
-    footer?: ReactNode;
-    content: ReactNode;
-    show?: boolean;
-    handleClose: () => void;
-    size?: 'size-s' | 'size-r' | 'size-l' | 'size-xl';
-    className?: string;
-    position?: 'left' | 'right';
-    closeIconSize?: 'xs' | 's' | 'm' | 'l';
-    closeIconPosition?: 'left' | 'right';
-    closeIconType?: 'close' | 'back';
-}
-//# sourceMappingURL=CapSlideBox.interfaces.d.ts.map

package/dist/CapSlideBox/CapSlideBox.interfaces.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CapSlideBox.interfaces.d.ts","sourceRoot":"","sources":["../../components/CapSlideBox/CapSlideBox.interfaces.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACvC,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACrC,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAClC"}

package/dist/CapSlideBox/README.md

@@ -1,68 +0,0 @@
-# CapSlideBox
-
-A slide-out panel component for displaying content in a side drawer.
-
-## Migration from cap-ui-library to blaze-ui
-
-### Summary of Changes
-
-- ✅ **TypeScript conversion**: Converted from JavaScript to TypeScript with proper type definitions
-- ✅ **Functional component**: Converted from class component to functional component using React hooks
-- ✅ **SCSS modules**: Migrated styles to SCSS modules with proper namespacing
-- ✅ **Pixel to rem conversion**: All pixel values converted to rem units (14px = 1rem)
-- ✅ **SCSS variables**: Using design system variables from `components/styled/variables.scss`
-
-### Breaking Changes
-
-**No breaking changes from cap-ui-library v8.x**
-
-The component API remains fully backward compatible. All props work exactly the same as before.
-
-### Props
-
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `header` | `ReactNode` | required | Header content (string or React element) |
-| `content` | `ReactNode` | required | Main content to display in the slide box |
-| `handleClose` | `() => void` | required | Callback function when close icon is clicked |
-| `show` | `boolean` | `undefined` | Controls visibility of the slide box |
-| `footer` | `ReactNode` | `undefined` | Optional footer content |
-| `size` | `'size-s' \| 'size-r' \| 'size-l' \| 'size-xl'` | `'size-r'` | Size variant of the slide box |
-| `position` | `'left' \| 'right'` | `'right'` | Position of the slide box |
-| `className` | `string` | `undefined` | Additional CSS class names |
-| `closeIconSize` | `'xs' \| 's' \| 'm' \| 'l'` | `'m'` | Size of the close icon |
-| `closeIconPosition` | `'left' \| 'right'` | `'right'` | Position of the close icon in header |
-| `closeIconType` | `'close' \| 'back'` | `'close'` | Type of close icon to display |
-
-### Size Variants
-
-- **size-s**: Small (25vw width, min: 372px, max: 400px)
-- **size-r**: Regular (50vw width, min: 660px, max: 800px) - Default
-- **size-l**: Large (75vw width, min: 948px, max: 1140px)
-- **size-xl**: Extra Large (fixed: 1180px)
-
-### Features
-
-- **Automatic scroll shadow**: Shows shadow on header/footer when content is scrolled
-- **Body scroll lock**: Prevents body scrolling when slide box is open
-- **Responsive sizes**: Adapts to viewport width with min/max constraints
-- **Flexible positioning**: Can slide from left or right
-- **Custom header layout**: Close icon can be positioned on left or right
-- **Footer support**: Optional fixed footer at bottom
-- **Throttled scroll**: Optimized scroll event handling
-
-### Migration Guide for Consumers
-
-No migration required! The component API is fully backward compatible. If you're already using `CapSlideBox` from cap-ui-library, you can simply update your imports to point to blaze-ui:
-
-**Before:**
-```tsx
-import CapSlideBox from '@capillarytech/cap-ui-library/components/CapSlideBox';
-```
-
-**After:**
-```tsx
-import CapSlideBox from '@capillarytech/blaze-ui/components/CapSlideBox';
-```
-
-All your existing props and usage patterns will continue to work without any changes.

package/dist/CapSlideBox/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './CapSlideBox';
-export * from './CapSlideBox.interfaces';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapSlideBox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,cAAc,0BAA0B,CAAC"}