conversion-ui-library 1.1.18 → 1.1.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Autocomplete/Autocomplete.stories.d.ts +43 -3
- package/dist/components/Autocomplete/Autocomplete.stories.d.ts.map +1 -1
- package/dist/components/Chip/Chip.stories.d.ts +2 -0
- package/dist/components/Chip/Chip.stories.d.ts.map +1 -1
- package/dist/components/Icons/icon.stories.d.ts.map +1 -1
- package/dist/components/Menu/Menu.d.ts +7 -2
- package/dist/components/Menu/Menu.d.ts.map +1 -1
- package/dist/components/Menu/Menu.stories.d.ts +1 -0
- package/dist/components/Menu/Menu.stories.d.ts.map +1 -1
- package/dist/components/ui/Chip.d.ts +10 -1
- package/dist/components/ui/Chip.d.ts.map +1 -1
- package/dist/index.cjs.js +2 -2
- package/dist/index.es.js +63 -41
- package/dist/index.umd.js +2 -2
- package/package.json +1 -1
|
@@ -1,6 +1,46 @@
|
|
|
1
|
-
import { Meta } from '@storybook/react';
|
|
2
|
-
import {
|
|
3
|
-
declare const meta: Meta<typeof
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Autocomplete } from '../ui/autocomplete';
|
|
3
|
+
declare const meta: Meta<typeof Autocomplete>;
|
|
4
4
|
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Autocomplete>;
|
|
6
|
+
/**
|
|
7
|
+
* Overview of all Autocomplete variants and states
|
|
8
|
+
*/
|
|
5
9
|
export declare function AutocompleteDocs(): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
/**
|
|
11
|
+
* Default single-select autocomplete
|
|
12
|
+
*/
|
|
13
|
+
export declare const Default: Story;
|
|
14
|
+
/**
|
|
15
|
+
* With label and helper text
|
|
16
|
+
*/
|
|
17
|
+
export declare const WithLabelAndHelper: Story;
|
|
18
|
+
/**
|
|
19
|
+
* Single select with required field
|
|
20
|
+
*/
|
|
21
|
+
export declare const SingleSelect: Story;
|
|
22
|
+
/**
|
|
23
|
+
* Multi-select allows choosing multiple options
|
|
24
|
+
*/
|
|
25
|
+
export declare const MultiSelect: Story;
|
|
26
|
+
/**
|
|
27
|
+
* Options with descriptions (e.g. roles)
|
|
28
|
+
*/
|
|
29
|
+
export declare const WithDescriptions: Story;
|
|
30
|
+
/**
|
|
31
|
+
* Dashed border variant
|
|
32
|
+
*/
|
|
33
|
+
export declare const DashedVariant: Story;
|
|
34
|
+
/**
|
|
35
|
+
* Disabled state
|
|
36
|
+
*/
|
|
37
|
+
export declare const Disabled: Story;
|
|
38
|
+
/**
|
|
39
|
+
* Error state
|
|
40
|
+
*/
|
|
41
|
+
export declare const Error: Story;
|
|
42
|
+
/**
|
|
43
|
+
* Without label
|
|
44
|
+
*/
|
|
45
|
+
export declare const WithoutLabel: Story;
|
|
6
46
|
//# sourceMappingURL=Autocomplete.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Autocomplete.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAA2B,MAAM,oBAAoB,CAAC;AAG3E,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAOnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAoB3C;;GAEG;AACH,wBAAgB,gBAAgB,4CAS/B;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAgBhC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAiB1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAiBzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAgB9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAiBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAC"}
|
|
@@ -5,4 +5,6 @@ declare const _default: {
|
|
|
5
5
|
};
|
|
6
6
|
export default _default;
|
|
7
7
|
export declare function ChipDocs(): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare function WithReusableProps(): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare function Sizes(): import("react/jsx-runtime").JSX.Element;
|
|
8
10
|
//# sourceMappingURL=Chip.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;;;;;AAGlC,wBAGE;AAEF,wBAAgB,QAAQ,4CASvB"}
|
|
1
|
+
{"version":3,"file":"Chip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;;;;;AAGlC,wBAGE;AAEF,wBAAgB,QAAQ,4CASvB;AAED,wBAAgB,iBAAiB,4CA+BhC;AAED,wBAAgB,KAAK,4CAapB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/icon.stories.tsx"],"names":[],"mappings":";;;AAOA,wBAEE;AAEF,eAAO,MAAM,QAAQ,+
|
|
1
|
+
{"version":3,"file":"icon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/icon.stories.tsx"],"names":[],"mappings":";;;AAOA,wBAEE;AAEF,eAAO,MAAM,QAAQ,+CA6SpB,CAAC"}
|
|
@@ -2,17 +2,22 @@ import { IconName } from '../../lib/Icons/icon-registry';
|
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
export interface MenuItem {
|
|
4
4
|
label: string;
|
|
5
|
-
icon?: IconName;
|
|
5
|
+
icon?: IconName | React.ReactElement;
|
|
6
6
|
onClick?: () => void;
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
active?: boolean;
|
|
9
9
|
}
|
|
10
|
+
export type MenuSide = "top" | "right" | "bottom" | "left";
|
|
10
11
|
export interface MenuProps {
|
|
11
12
|
trigger: React.ReactNode;
|
|
12
13
|
items: MenuItem[];
|
|
13
14
|
className?: string;
|
|
14
15
|
contentClassName?: string;
|
|
16
|
+
/** Where the menu content opens relative to the trigger */
|
|
17
|
+
side?: MenuSide;
|
|
15
18
|
align?: "right" | "center" | "left";
|
|
19
|
+
/** Class name applied to each menu item (e.g. "gap-3 px-3 py-2") */
|
|
20
|
+
itemClassName?: string;
|
|
16
21
|
}
|
|
17
|
-
export declare function Menu({ trigger, items, className, contentClassName, align, }: MenuProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export declare function Menu({ trigger, items, className, contentClassName, side, align, itemClassName, }: MenuProps): import("react/jsx-runtime").JSX.Element;
|
|
18
23
|
//# sourceMappingURL=Menu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAI1D,MAAM,WAAW,QAAQ;
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAI1D,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,YAAY,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3D,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2DAA2D;IAC3D,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IACpC,oEAAoE;IACpE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,IAAI,CAAC,EACnB,OAAO,EACP,KAAK,EACL,SAAS,EACT,gBAAgB,EAChB,IAAe,EACf,KAAgB,EAChB,aAAa,GACd,EAAE,SAAS,2CAmDX"}
|
|
@@ -5,4 +5,5 @@ declare const _default: {
|
|
|
5
5
|
};
|
|
6
6
|
export default _default;
|
|
7
7
|
export declare const MenuDemo: () => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare const WithStringAndJsxIcons: () => import("react/jsx-runtime").JSX.Element;
|
|
8
9
|
//# sourceMappingURL=Menu.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAiB,MAAM,QAAQ,CAAC;;;;;AAI7C,wBAGE;AAiBF,eAAO,MAAM,QAAQ,+
|
|
1
|
+
{"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAiB,MAAM,QAAQ,CAAC;;;;;AAI7C,wBAGE;AAiBF,eAAO,MAAM,QAAQ,+CAgFpB,CAAC;AAiBF,eAAO,MAAM,qBAAqB,+CA8CjC,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { IconSize } from '../Icons/icon';
|
|
2
3
|
import { IconName } from '../../lib/Icons/icon-registry';
|
|
3
4
|
import { LucideIcon } from 'lucide-react';
|
|
4
5
|
import * as React from "react";
|
|
@@ -48,12 +49,20 @@ type Font = "bold" | "semibold" | "medium" | "regular";
|
|
|
48
49
|
type FontFamily = "primary" | "mono";
|
|
49
50
|
export interface ChipProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof chipVariants> {
|
|
50
51
|
type?: ChipType;
|
|
52
|
+
/** Label text (overrides type config when provided) */
|
|
51
53
|
label?: string;
|
|
54
|
+
/** Start icon - IconName, LucideIcon, or ReactNode (overrides type config when provided) */
|
|
52
55
|
startIcon?: IconName | LucideIcon | React.ReactNode;
|
|
56
|
+
/** Alias for startIcon - use either startIcon or icon */
|
|
57
|
+
icon?: IconName | LucideIcon | React.ReactNode;
|
|
53
58
|
endIcon?: IconName | LucideIcon | React.ReactNode;
|
|
59
|
+
/** Size of the icon only (e.g. "sm" | "md") - overrides type config when provided */
|
|
60
|
+
iconSize?: IconSize;
|
|
61
|
+
/** Class name applied to the start icon - overrides type config when provided */
|
|
62
|
+
iconClassName?: string;
|
|
54
63
|
font?: Font;
|
|
55
64
|
fontFamily?: FontFamily;
|
|
56
65
|
}
|
|
57
|
-
export declare function Chip({ className, size, type, label, startIcon, endIcon, children, font, fontFamily, ...props }: ChipProps): import("react/jsx-runtime").JSX.Element;
|
|
66
|
+
export declare function Chip({ className, size, type, label, startIcon, icon, endIcon, iconSize: iconSizeProp, iconClassName, children, font, fontFamily, ...props }: ChipProps): import("react/jsx-runtime").JSX.Element;
|
|
58
67
|
export {};
|
|
59
68
|
//# sourceMappingURL=Chip.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCP,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,WAAW,CAAC;AAEhD,QAAA,MAAM,YAAY;;mFAcjB,CAAC;AACF,KAAK,IAAI,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AACvD,KAAK,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;AACrC,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4FAA4F;IAC5F,SAAS,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;IACpD,yDAAyD;IACzD,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;IAClD,qFAAqF;IACrF,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,iFAAiF;IACjF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAwBD,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,EACT,IAAI,EACJ,OAAO,EACP,QAAQ,EAAE,YAAY,EACtB,aAAa,EACb,QAAQ,EACR,IAAe,EACf,UAAmB,EACnB,GAAG,KAAK,EACT,EAAE,SAAS,2CAmBX"}
|