@7pmlabs/design-system 1.0.11 → 2.0.1
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
CHANGED
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
A Vue 3 component library built with TypeScript, Tailwind CSS 4, and Ant Design inspiration. 57 components covering general, layout, forms, data display, feedback, and navigation.
|
|
4
4
|
|
|
5
|
+
📖 **Documentation:** https://ngphanducthinh.github.io/7pmlabs-design-system/
|
|
6
|
+
|
|
5
7
|
## Packages
|
|
6
8
|
|
|
7
9
|
| Package | Path | Use it for |
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* BDivider
|
|
2
|
+
* BDivider - component-specific types
|
|
3
3
|
*/
|
|
4
4
|
/**
|
|
5
5
|
* Direction of the divider line.
|
|
@@ -20,6 +20,6 @@ export type BDividerSize = 'small' | 'medium' | 'large';
|
|
|
20
20
|
/**
|
|
21
21
|
* Horizontal position of the embedded title text.
|
|
22
22
|
* AntD `titlePlacement` prop (note: AntD also accepts `'left'`/`'right'`
|
|
23
|
-
* on the legacy `orientation` prop
|
|
23
|
+
* on the legacy `orientation` prop - we unify under `titlePlacement`).
|
|
24
24
|
*/
|
|
25
25
|
export type BDividerTitlePlacement = 'start' | 'center' | 'end';
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export type BMasonryBreakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
|
|
5
5
|
/**
|
|
6
|
-
* Responsive column/gutter value
|
|
6
|
+
* Responsive column/gutter value - either a fixed number or a breakpoint map.
|
|
7
7
|
* @example 3
|
|
8
8
|
* @example { xs: 1, sm: 2, md: 3, lg: 4 }
|
|
9
9
|
*/
|
|
@@ -31,7 +31,7 @@ export interface BMasonryLayoutChangePayload {
|
|
|
31
31
|
columnMap: Record<string | number, number>;
|
|
32
32
|
}
|
|
33
33
|
/**
|
|
34
|
-
* classNames / styles callback signature
|
|
34
|
+
* classNames / styles callback signature - mirrors AntD's semantic-DOM API.
|
|
35
35
|
* Receives the item and its resolved column index; returns a string/object/undefined.
|
|
36
36
|
*/
|
|
37
37
|
export type BMasonryClassNamesFunc = (item: BMasonryItem, columnIndex: number) => string | string[] | Record<string, boolean> | undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@7pmlabs/design-system",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"homepage": "https://github.com/ngphanducthinh/design-system",
|
|
6
6
|
"repository": {
|
|
@@ -34,12 +34,12 @@
|
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"@playwright/test": "^1.60.0",
|
|
37
|
-
"@storybook/addon-a11y": "^10.4.
|
|
38
|
-
"@storybook/addon-docs": "^10.4.
|
|
39
|
-
"@storybook/addon-onboarding": "^10.4.
|
|
40
|
-
"@storybook/addon-themes": "^10.4.
|
|
41
|
-
"@storybook/addon-vitest": "^10.4.
|
|
42
|
-
"@storybook/vue3-vite": "^10.4.
|
|
37
|
+
"@storybook/addon-a11y": "^10.4.1",
|
|
38
|
+
"@storybook/addon-docs": "^10.4.1",
|
|
39
|
+
"@storybook/addon-onboarding": "^10.4.1",
|
|
40
|
+
"@storybook/addon-themes": "^10.4.1",
|
|
41
|
+
"@storybook/addon-vitest": "^10.4.1",
|
|
42
|
+
"@storybook/vue3-vite": "^10.4.1",
|
|
43
43
|
"@tailwindcss/vite": "^4.3.0",
|
|
44
44
|
"@tsconfig/node22": "^22.0.5",
|
|
45
45
|
"@types/jsdom": "^21.1.7",
|
|
@@ -54,20 +54,20 @@
|
|
|
54
54
|
"@vue/test-utils": "^2.4.10",
|
|
55
55
|
"@vue/tsconfig": "^0.7.0",
|
|
56
56
|
"eslint": "^9.39.4",
|
|
57
|
-
"eslint-plugin-oxlint": "^1.
|
|
58
|
-
"eslint-plugin-playwright": "^2.10.
|
|
59
|
-
"eslint-plugin-storybook": "^10.4.
|
|
57
|
+
"eslint-plugin-oxlint": "^1.66.0",
|
|
58
|
+
"eslint-plugin-playwright": "^2.10.4",
|
|
59
|
+
"eslint-plugin-storybook": "^10.4.1",
|
|
60
60
|
"eslint-plugin-vue": "^10.9.1",
|
|
61
61
|
"jiti": "^2.7.0",
|
|
62
62
|
"jsdom": "^26.1.0",
|
|
63
63
|
"lodash-es": "^4.18.1",
|
|
64
64
|
"npm-run-all2": "^8.0.4",
|
|
65
|
-
"oxlint": "^1.
|
|
65
|
+
"oxlint": "^1.66.0",
|
|
66
66
|
"playwright": "^1.60.0",
|
|
67
67
|
"prettier": "^3.8.3",
|
|
68
68
|
"prettier-plugin-organize-imports": "^4.3.0",
|
|
69
69
|
"prettier-plugin-tailwindcss": "^0.6.14",
|
|
70
|
-
"storybook": "^10.4.
|
|
70
|
+
"storybook": "^10.4.1",
|
|
71
71
|
"tailwindcss": "^4.3.0",
|
|
72
72
|
"typescript": "^5.9.3",
|
|
73
73
|
"vite": "8.0.0",
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
"vitest": "^3.2.4",
|
|
77
77
|
"vue": "^3.5.34",
|
|
78
78
|
"vue-router": "^4.6.4",
|
|
79
|
-
"vue-tsc": "^3.
|
|
79
|
+
"vue-tsc": "^3.3.1",
|
|
80
80
|
"zod": "^3.25.76"
|
|
81
81
|
},
|
|
82
82
|
"peerDependencies": {
|