@ws-ui/ui-components 1.0.1 → 1.0.3
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/README.md +5 -12
- package/dist/index.cjs +23 -26
- package/dist/index.d.ts +3172 -3
- package/dist/index.js +2075 -2070
- package/package.json +4 -6
- package/dist/index.d.ts.map +0 -1
- package/dist/src/breadcrumbs/Breadcrumbs.d.ts +0 -4
- package/dist/src/breadcrumbs/Breadcrumbs.d.ts.map +0 -1
- package/dist/src/breadcrumbs/Breadcrumbs.style.d.ts +0 -12
- package/dist/src/breadcrumbs/Breadcrumbs.style.d.ts.map +0 -1
- package/dist/src/breadcrumbs/Breadcrumbs.types.d.ts +0 -28
- package/dist/src/breadcrumbs/Breadcrumbs.types.d.ts.map +0 -1
- package/dist/src/breadcrumbs/index.d.ts +0 -3
- package/dist/src/breadcrumbs/index.d.ts.map +0 -1
- package/dist/src/button/Button.d.ts +0 -4
- package/dist/src/button/Button.d.ts.map +0 -1
- package/dist/src/button/Button.style.d.ts +0 -6
- package/dist/src/button/Button.style.d.ts.map +0 -1
- package/dist/src/button/Button.types.d.ts +0 -24
- package/dist/src/button/Button.types.d.ts.map +0 -1
- package/dist/src/button/index.d.ts +0 -3
- package/dist/src/button/index.d.ts.map +0 -1
- package/dist/src/checkbox/Checkbox.d.ts +0 -18
- package/dist/src/checkbox/Checkbox.d.ts.map +0 -1
- package/dist/src/checkbox/Checkbox.style.d.ts +0 -10
- package/dist/src/checkbox/Checkbox.style.d.ts.map +0 -1
- package/dist/src/checkbox/Checkbox.types.d.ts +0 -60
- package/dist/src/checkbox/Checkbox.types.d.ts.map +0 -1
- package/dist/src/checkbox/index.d.ts +0 -3
- package/dist/src/checkbox/index.d.ts.map +0 -1
- package/dist/src/icons/Icon.types.d.ts +0 -3
- package/dist/src/icons/Icon.types.d.ts.map +0 -1
- package/dist/src/icons/Icons.d.ts +0 -2078
- package/dist/src/icons/Icons.d.ts.map +0 -1
- package/dist/src/icons/index.d.ts +0 -5
- package/dist/src/icons/index.d.ts.map +0 -1
- package/dist/src/index.d.ts +0 -12
- package/dist/src/index.d.ts.map +0 -1
- package/dist/src/input/Input.context.d.ts +0 -4
- package/dist/src/input/Input.context.d.ts.map +0 -1
- package/dist/src/input/Input.d.ts +0 -16
- package/dist/src/input/Input.d.ts.map +0 -1
- package/dist/src/input/Input.style.d.ts +0 -33
- package/dist/src/input/Input.style.d.ts.map +0 -1
- package/dist/src/input/Input.types.d.ts +0 -106
- package/dist/src/input/Input.types.d.ts.map +0 -1
- package/dist/src/input/index.d.ts +0 -16
- package/dist/src/input/index.d.ts.map +0 -1
- package/dist/src/menu/Menu.d.ts +0 -10
- package/dist/src/menu/Menu.d.ts.map +0 -1
- package/dist/src/menu/Menu.style.d.ts +0 -21
- package/dist/src/menu/Menu.style.d.ts.map +0 -1
- package/dist/src/menu/Menu.types.d.ts +0 -38
- package/dist/src/menu/Menu.types.d.ts.map +0 -1
- package/dist/src/menu/index.d.ts +0 -3
- package/dist/src/menu/index.d.ts.map +0 -1
- package/dist/src/pill/Pill.d.ts +0 -9
- package/dist/src/pill/Pill.d.ts.map +0 -1
- package/dist/src/pill/Pill.style.d.ts +0 -9
- package/dist/src/pill/Pill.style.d.ts.map +0 -1
- package/dist/src/pill/Pill.types.d.ts +0 -48
- package/dist/src/pill/Pill.types.d.ts.map +0 -1
- package/dist/src/pill/index.d.ts +0 -3
- package/dist/src/pill/index.d.ts.map +0 -1
- package/dist/src/radio/Radio.context.d.ts +0 -4
- package/dist/src/radio/Radio.context.d.ts.map +0 -1
- package/dist/src/radio/Radio.d.ts +0 -9
- package/dist/src/radio/Radio.d.ts.map +0 -1
- package/dist/src/radio/Radio.style.d.ts +0 -11
- package/dist/src/radio/Radio.style.d.ts.map +0 -1
- package/dist/src/radio/Radio.types.d.ts +0 -87
- package/dist/src/radio/Radio.types.d.ts.map +0 -1
- package/dist/src/radio/index.d.ts +0 -3
- package/dist/src/radio/index.d.ts.map +0 -1
- package/dist/src/resizable/Handle.d.ts +0 -14
- package/dist/src/resizable/Handle.d.ts.map +0 -1
- package/dist/src/resizable/Resizable.d.ts +0 -4
- package/dist/src/resizable/Resizable.d.ts.map +0 -1
- package/dist/src/resizable/Resizable.types.d.ts +0 -144
- package/dist/src/resizable/Resizable.types.d.ts.map +0 -1
- package/dist/src/resizable/index.d.ts +0 -4
- package/dist/src/resizable/index.d.ts.map +0 -1
- package/dist/src/select/Select.context.d.ts +0 -4
- package/dist/src/select/Select.context.d.ts.map +0 -1
- package/dist/src/select/Select.d.ts +0 -61
- package/dist/src/select/Select.d.ts.map +0 -1
- package/dist/src/select/Select.helper.d.ts +0 -9
- package/dist/src/select/Select.helper.d.ts.map +0 -1
- package/dist/src/select/Select.style.d.ts +0 -90
- package/dist/src/select/Select.style.d.ts.map +0 -1
- package/dist/src/select/Select.types.d.ts +0 -273
- package/dist/src/select/Select.types.d.ts.map +0 -1
- package/dist/src/select/useSelectDownshift.d.ts +0 -5
- package/dist/src/select/useSelectDownshift.d.ts.map +0 -1
- package/dist/src/snackbar/Snackbar.d.ts +0 -5
- package/dist/src/snackbar/Snackbar.d.ts.map +0 -1
- package/dist/src/snackbar/Snackbar.style.d.ts +0 -5
- package/dist/src/snackbar/Snackbar.style.d.ts.map +0 -1
- package/dist/src/snackbar/Snackbar.types.d.ts +0 -21
- package/dist/src/snackbar/Snackbar.types.d.ts.map +0 -1
- package/dist/src/snackbar/index.d.ts +0 -3
- package/dist/src/snackbar/index.d.ts.map +0 -1
- package/dist/src/tabs/SortableFileTab.d.ts +0 -10
- package/dist/src/tabs/SortableFileTab.d.ts.map +0 -1
- package/dist/src/tabs/Tabs.d.ts +0 -12
- package/dist/src/tabs/Tabs.d.ts.map +0 -1
- package/dist/src/tabs/Tabs.style.d.ts +0 -14
- package/dist/src/tabs/Tabs.style.d.ts.map +0 -1
- package/dist/src/tabs/Tabs.types.d.ts +0 -76
- package/dist/src/tabs/Tabs.types.d.ts.map +0 -1
- package/dist/src/tabs/index.d.ts +0 -3
- package/dist/src/tabs/index.d.ts.map +0 -1
- package/dist/src/toast/Toast.context.d.ts +0 -6
- package/dist/src/toast/Toast.context.d.ts.map +0 -1
- package/dist/src/toast/Toast.types.d.ts +0 -36
- package/dist/src/toast/Toast.types.d.ts.map +0 -1
- package/dist/src/toast/useToast.d.ts +0 -3
- package/dist/src/toast/useToast.d.ts.map +0 -1
- package/dist/src/toggle/Toggle.d.ts +0 -6
- package/dist/src/toggle/Toggle.d.ts.map +0 -1
- package/dist/src/toggle/Toggle.style.d.ts +0 -10
- package/dist/src/toggle/Toggle.style.d.ts.map +0 -1
- package/dist/src/toggle/Toggle.types.d.ts +0 -18
- package/dist/src/toggle/Toggle.types.d.ts.map +0 -1
- package/dist/src/toggle/index.d.ts +0 -3
- package/dist/src/toggle/index.d.ts.map +0 -1
- package/dist/src/tooltip/Tooltip.d.ts +0 -5
- package/dist/src/tooltip/Tooltip.d.ts.map +0 -1
- package/dist/src/tooltip/Tooltip.style.d.ts +0 -12
- package/dist/src/tooltip/Tooltip.style.d.ts.map +0 -1
- package/dist/src/tooltip/Tooltip.types.d.ts +0 -35
- package/dist/src/tooltip/Tooltip.types.d.ts.map +0 -1
- package/dist/src/tooltip/index.d.ts +0 -3
- package/dist/src/tooltip/index.d.ts.map +0 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ws-ui/ui-components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.3",
|
|
4
4
|
"description": "Qodly Design System - UI component library",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"dev:yalc": "concurrently \"npm run dev:lib\" \"npm run watch:yalc\"",
|
|
25
25
|
"watch:yalc": "chokidar \"dist/**/*\" -c \"yalc push --changed\"",
|
|
26
26
|
"build": "npm run build:lib",
|
|
27
|
-
"build:lib": "vite build
|
|
27
|
+
"build:lib": "vite build",
|
|
28
28
|
"lint": "eslint .",
|
|
29
29
|
"preview": "vite preview",
|
|
30
30
|
"storybook": "storybook dev -p 6006",
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"@storybook/addon-themes": "^9.1.16",
|
|
60
60
|
"@storybook/addon-vitest": "^9.1.16",
|
|
61
61
|
"@storybook/react-vite": "^9.1.16",
|
|
62
|
-
"@tailwindcss/postcss": "^4.1.
|
|
62
|
+
"@tailwindcss/postcss": "^4.1.17",
|
|
63
63
|
"@tailwindcss/typography": "^0.5.16",
|
|
64
64
|
"@types/css-modules": "^1.0.5",
|
|
65
65
|
"@types/node": "^22.0.0",
|
|
@@ -71,7 +71,6 @@
|
|
|
71
71
|
"@vitest/coverage-istanbul": "^3.2.4",
|
|
72
72
|
"@vitest/coverage-v8": "^3.2.4",
|
|
73
73
|
"@vitest/ui": "^3.2.3",
|
|
74
|
-
"autoprefixer": "^10.4.21",
|
|
75
74
|
"chokidar-cli": "^3.0.0",
|
|
76
75
|
"concurrently": "^9.1.2",
|
|
77
76
|
"dotenv": "^16.5.0",
|
|
@@ -84,13 +83,12 @@
|
|
|
84
83
|
"jsdom": "^26.1.0",
|
|
85
84
|
"playwright": "^1.52.0",
|
|
86
85
|
"postcss": "^8.5.4",
|
|
87
|
-
"postcss-import": "^16.1.1",
|
|
88
86
|
"prettier": "^3.6.1",
|
|
89
87
|
"react": "^19.1.0",
|
|
90
88
|
"react-dom": "^19.1.0",
|
|
91
89
|
"semver": "^7.7.3",
|
|
92
90
|
"storybook": "^9.1.16",
|
|
93
|
-
"tailwindcss": "^
|
|
91
|
+
"tailwindcss": "^4.1.17",
|
|
94
92
|
"typescript": "~5.8.3",
|
|
95
93
|
"typescript-eslint": "^8.30.1",
|
|
96
94
|
"vite": "^6.3.5",
|
package/dist/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAC;AAE5B,cAAc,OAAO,CAAC;AACtB,mBAAmB,OAAO,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAQ5D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgGlD,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { BreadcrumbSize, BreadcrumbSizeConfig } from './Breadcrumbs.types';
|
|
2
|
-
export declare const sizeClasses: Record<BreadcrumbSize, BreadcrumbSizeConfig>;
|
|
3
|
-
export declare const colorClasses: {
|
|
4
|
-
active: string;
|
|
5
|
-
inactive: string;
|
|
6
|
-
hover: string;
|
|
7
|
-
};
|
|
8
|
-
export declare const getBreadcrumbsContainer: () => string;
|
|
9
|
-
export declare const getBreadcrumbItemClasses: (isActive: boolean, size: BreadcrumbSize, isClickable: boolean) => string;
|
|
10
|
-
export declare const getSeparatorClasses: (size: BreadcrumbSize) => string;
|
|
11
|
-
export declare const getIconClasses: (size: BreadcrumbSize) => string;
|
|
12
|
-
//# sourceMappingURL=Breadcrumbs.style.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.style.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/Breadcrumbs.style.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAEhF,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,cAAc,EAAE,oBAAoB,CAgBpE,CAAC;AAEF,eAAO,MAAM,YAAY;;;;CAIxB,CAAC;AAEF,eAAO,MAAM,uBAAuB,cAEnC,CAAC;AAEF,eAAO,MAAM,wBAAwB,GACnC,UAAU,OAAO,EACjB,MAAM,cAAc,EACpB,aAAa,OAAO,WAsBrB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,MAAM,cAAc,WAMvD,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,MAAM,cAAc,WAElD,CAAC"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export type BreadcrumbSize = 'sm' | 'md' | 'lg';
|
|
3
|
-
export type BreadcrumbSizeConfig = {
|
|
4
|
-
text: string;
|
|
5
|
-
iconSize: string;
|
|
6
|
-
separatorSize: string;
|
|
7
|
-
};
|
|
8
|
-
export type BreadcrumbColorConfig = {
|
|
9
|
-
active: string;
|
|
10
|
-
inactive: string;
|
|
11
|
-
hover: string;
|
|
12
|
-
};
|
|
13
|
-
export interface BreadcrumbItem {
|
|
14
|
-
label: ReactNode;
|
|
15
|
-
href?: string;
|
|
16
|
-
onClick?: () => void;
|
|
17
|
-
icon?: ReactNode;
|
|
18
|
-
}
|
|
19
|
-
export interface BreadcrumbsProps {
|
|
20
|
-
items: BreadcrumbItem[];
|
|
21
|
-
separator?: ReactNode;
|
|
22
|
-
className?: string;
|
|
23
|
-
itemClassName?: string;
|
|
24
|
-
separatorClassName?: string;
|
|
25
|
-
size?: BreadcrumbSize;
|
|
26
|
-
'aria-label'?: string;
|
|
27
|
-
}
|
|
28
|
-
//# sourceMappingURL=Breadcrumbs.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.types.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/Breadcrumbs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,QAAA,MAAM,MAAM,2GA6BX,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { ButtonSize, ButtonColor, ButtonSizeConfig, ButtonColorConfig, ButtonVariant } from './Button.types';
|
|
2
|
-
export declare const sizeClasses: Record<ButtonSize, ButtonSizeConfig>;
|
|
3
|
-
export declare const colorClasses: Record<ButtonColor, ButtonColorConfig>;
|
|
4
|
-
export declare const getButtonBase: (size: ButtonSize, variant: ButtonVariant, color: ButtonColor, disabled?: boolean) => string;
|
|
5
|
-
export declare const getButtonText: (size: ButtonSize) => string;
|
|
6
|
-
//# sourceMappingURL=Button.style.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.style.d.ts","sourceRoot":"","sources":["../../../src/button/Button.style.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACd,MAAM,gBAAgB,CAAC;AAExB,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,UAAU,EAAE,gBAAgB,CAiB5D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE,iBAAiB,CA+G/D,CAAC;AAEF,eAAO,MAAM,aAAa,GACxB,MAAM,UAAU,EAChB,SAAS,aAAa,EACtB,OAAO,WAAW,EAClB,WAAW,OAAO,WA0BnB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,MAAM,UAAU,WAE7C,CAAC"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
export type ButtonSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
2
|
-
export type ButtonVariant = 'solid' | 'outline' | 'ghost';
|
|
3
|
-
export type ButtonColor = 'primary' | 'positive' | 'warning' | 'negative' | 'white';
|
|
4
|
-
export type ButtonSizeConfig = {
|
|
5
|
-
container: string;
|
|
6
|
-
text: string;
|
|
7
|
-
};
|
|
8
|
-
export type variantTextClasses = {
|
|
9
|
-
outline: string;
|
|
10
|
-
solid: string;
|
|
11
|
-
ghost: string;
|
|
12
|
-
};
|
|
13
|
-
export type ButtonColorConfig = {
|
|
14
|
-
bg: variantTextClasses;
|
|
15
|
-
text: variantTextClasses;
|
|
16
|
-
border: variantTextClasses;
|
|
17
|
-
hover: variantTextClasses;
|
|
18
|
-
};
|
|
19
|
-
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
20
|
-
size?: ButtonSize;
|
|
21
|
-
variant?: ButtonVariant;
|
|
22
|
-
color?: ButtonColor;
|
|
23
|
-
}
|
|
24
|
-
//# sourceMappingURL=Button.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/button/Button.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACnD,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAC1D,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,UAAU,GACV,SAAS,GACT,UAAU,GACV,OAAO,CAAC;AAEZ,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,kBAAkB,CAAC;IACvB,IAAI,EAAE,kBAAkB,CAAC;IACzB,MAAM,EAAE,kBAAkB,CAAC;IAC3B,KAAK,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/button/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { CheckboxProps } from './Checkbox.types';
|
|
2
|
-
/**
|
|
3
|
-
* A flexible checkbox component with multiple states and styling options.
|
|
4
|
-
*
|
|
5
|
-
* @example
|
|
6
|
-
* // Basic usage
|
|
7
|
-
* <Checkbox value={true} onChange={handleChange} label="Accept terms" />
|
|
8
|
-
*
|
|
9
|
-
* @example
|
|
10
|
-
* // With different sizes and colors
|
|
11
|
-
* <Checkbox size="lg" color="positive" value={false} label="Large positive checkbox" />
|
|
12
|
-
*
|
|
13
|
-
* @example
|
|
14
|
-
* // Indeterminate state
|
|
15
|
-
* <Checkbox value={null} label="Select all" />
|
|
16
|
-
*/
|
|
17
|
-
export declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
18
|
-
//# sourceMappingURL=Checkbox.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAgCtD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,QAAQ,4GAgGpB,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { CheckboxSize, CheckboxColor, CheckboxSizeConfig, CheckboxColorConfig, CheckboxState } from './Checkbox.types';
|
|
2
|
-
export declare const sizeClasses: Record<CheckboxSize, CheckboxSizeConfig>;
|
|
3
|
-
export declare const colorSchemes: Record<CheckboxColor, CheckboxColorConfig>;
|
|
4
|
-
export declare const baseCheckboxClasses = "\n appearance-none border rounded transition-all duration-200\n focus:ring-2 focus:ring-offset-2 focus:outline-none\n relative cursor-pointer\n";
|
|
5
|
-
export declare const getCheckboxClasses: (size: CheckboxSize, color: CheckboxColor, state: CheckboxState) => string;
|
|
6
|
-
export declare const getLabelClasses: (size: CheckboxSize, color: CheckboxColor, state: CheckboxState) => string;
|
|
7
|
-
export declare const getContainerClasses: (size: CheckboxSize) => string;
|
|
8
|
-
export declare const getHoverSquareClasses: (size: CheckboxSize, color: CheckboxColor, isInvalid: boolean) => string;
|
|
9
|
-
export declare const getIconClasses: (size: CheckboxSize) => string;
|
|
10
|
-
//# sourceMappingURL=Checkbox.style.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.style.d.ts","sourceRoot":"","sources":["../../../src/checkbox/Checkbox.style.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACb,kBAAkB,EAClB,mBAAmB,EACnB,aAAa,EACd,MAAM,kBAAkB,CAAC;AAG1B,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,kBAAkB,CAsBhE,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,aAAa,EAAE,mBAAmB,CAqCnE,CAAC;AAGF,eAAO,MAAM,mBAAmB,uJAI/B,CAAC;AAGF,eAAO,MAAM,kBAAkB,GAC7B,MAAM,YAAY,EAClB,OAAO,aAAa,EACpB,OAAO,aAAa,KACnB,MAqCF,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,MAAM,YAAY,EAClB,OAAO,aAAa,EACpB,OAAO,aAAa,KACnB,MAeF,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,MAAM,YAAY,KAAG,MAExD,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,MAAM,YAAY,EAClB,OAAO,aAAa,EACpB,WAAW,OAAO,KACjB,MASF,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,MAAM,YAAY,KAAG,MAEnD,CAAC"}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue'> {
|
|
2
|
-
/** Label content for the checkbox */
|
|
3
|
-
label?: string;
|
|
4
|
-
/** Whether the checkbox is disabled */
|
|
5
|
-
isDisabled?: boolean;
|
|
6
|
-
/** Whether the checkbox has an error state */
|
|
7
|
-
isInvalid?: boolean;
|
|
8
|
-
/** Whether the checkbox is required */
|
|
9
|
-
isRequired?: boolean;
|
|
10
|
-
/** Size variant of the checkbox */
|
|
11
|
-
size?: 'sm' | 'md' | 'lg';
|
|
12
|
-
/** Color scheme for the checkbox */
|
|
13
|
-
color?: 'primary' | 'positive' | 'warning' | 'negative';
|
|
14
|
-
/** Change event handler */
|
|
15
|
-
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
16
|
-
/** Focus event handler */
|
|
17
|
-
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
18
|
-
/** Blur event handler */
|
|
19
|
-
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
20
|
-
/** Value of the checkbox */
|
|
21
|
-
value?: boolean | null;
|
|
22
|
-
/** Default value to for the unControlled checkbox */
|
|
23
|
-
defaultValue?: boolean | null;
|
|
24
|
-
/** Name attribute for form submission */
|
|
25
|
-
name?: string;
|
|
26
|
-
/** ID attribute */
|
|
27
|
-
id?: string;
|
|
28
|
-
/** ARIA label for accessibility */
|
|
29
|
-
'aria-label'?: string;
|
|
30
|
-
/** ARIA labelledby for accessibility */
|
|
31
|
-
'aria-labelledby'?: string;
|
|
32
|
-
/** ARIA describedby for accessibility */
|
|
33
|
-
'aria-describedby'?: string;
|
|
34
|
-
}
|
|
35
|
-
export type CheckboxSize = 'sm' | 'md' | 'lg';
|
|
36
|
-
export type CheckboxColor = 'primary' | 'positive' | 'warning' | 'negative';
|
|
37
|
-
export interface CheckboxSizeConfig {
|
|
38
|
-
checkbox: string;
|
|
39
|
-
hoverSquare: string;
|
|
40
|
-
text: string;
|
|
41
|
-
spacing: string;
|
|
42
|
-
icon: string;
|
|
43
|
-
}
|
|
44
|
-
export interface CheckboxColorConfig {
|
|
45
|
-
checked: string;
|
|
46
|
-
unchecked: string;
|
|
47
|
-
checkedHover: string;
|
|
48
|
-
uncheckedHover: string;
|
|
49
|
-
hoverSquare: string;
|
|
50
|
-
focus: string;
|
|
51
|
-
label: string;
|
|
52
|
-
}
|
|
53
|
-
export interface CheckboxState {
|
|
54
|
-
isChecked: boolean;
|
|
55
|
-
isIndeterminate: boolean;
|
|
56
|
-
isDisabled: boolean;
|
|
57
|
-
isInvalid: boolean;
|
|
58
|
-
isRequired: boolean;
|
|
59
|
-
}
|
|
60
|
-
//# sourceMappingURL=Checkbox.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.types.d.ts","sourceRoot":"","sources":["../../../src/checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,cAAc,CAC3C;IACD,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mCAAmC;IACnC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IACxD,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,0BAA0B;IAC1B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D,yBAAyB;IACzB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,4BAA4B;IAC5B,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACvB,qDAAqD;IACrD,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC9B,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yCAAyC;IACzC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9C,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;AAE5E,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACrB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,mBAAmB,kBAAkB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.types.d.ts","sourceRoot":"","sources":["../../../src/icons/Icon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC"}
|