@polymarbot/nuxt-layer-shadcn-ui 0.2.1 → 0.3.0
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/app/assets/styles/globals.css +1 -20
- package/app/assets/styles/index.stories.ts +1 -1
- package/app/assets/styles/tailwind-preset.css +15 -0
- package/app/components/ui/Accordion/index.stories.ts +5 -0
- package/app/components/ui/AdminLayout/index.stories.ts +72 -56
- package/app/components/ui/Alert/index.stories.ts +4 -0
- package/app/components/ui/AlertDialog/index.stories.ts +6 -0
- package/app/components/ui/AsyncDataTable/index.stories.ts +6 -0
- package/app/components/ui/AsyncDataTable/index.vue +8 -4
- package/app/components/ui/AsyncDataTable/types.ts +2 -0
- package/app/components/ui/Avatar/index.stories.ts +6 -0
- package/app/components/ui/Badge/index.stories.ts +5 -0
- package/app/components/ui/Breadcrumb/index.stories.ts +5 -0
- package/app/components/ui/Button/index.stories.ts +9 -0
- package/app/components/ui/ButtonGroup/index.stories.ts +6 -0
- package/app/components/ui/Card/index.stories.ts +5 -0
- package/app/components/ui/Checkbox/index.stories.ts +5 -0
- package/app/components/ui/CopyButton/index.stories.ts +7 -0
- package/app/components/ui/DataTable/index.stories.ts +37 -4
- package/app/components/ui/DataTable/index.vue +16 -9
- package/app/components/ui/DataTable/types.ts +2 -0
- package/app/components/ui/DatePicker/index.stories.ts +9 -0
- package/app/components/ui/DateRangePicker/index.stories.ts +7 -0
- package/app/components/ui/Divider/index.stories.ts +4 -0
- package/app/components/ui/Drawer/index.stories.ts +6 -0
- package/app/components/ui/Dropdown/index.stories.ts +9 -0
- package/app/components/ui/FormItem/index.stories.ts +7 -0
- package/app/components/ui/Help/index.stories.ts +4 -0
- package/app/components/ui/Icon/index.stories.ts +4 -0
- package/app/components/ui/Input/index.stories.ts +9 -0
- package/app/components/ui/InputCurrency/index.stories.ts +7 -0
- package/app/components/ui/InputNumber/index.stories.ts +7 -0
- package/app/components/ui/Loading/index.stories.ts +3 -0
- package/app/components/ui/Modal/index.stories.ts +6 -0
- package/app/components/ui/ModalContent/index.stories.ts +5 -0
- package/app/components/ui/PageCard/index.stories.ts +14 -0
- package/app/components/ui/Pagination/index.stories.ts +5 -0
- package/app/components/ui/Popover/index.stories.ts +4 -0
- package/app/components/ui/Qrcode/index.stories.ts +4 -0
- package/app/components/ui/RadioCardGroup/index.stories.ts +30 -7
- package/app/components/ui/RadioGroup/index.stories.ts +7 -0
- package/app/components/ui/ScrollArea/index.stories.ts +4 -0
- package/app/components/ui/SearchSelect/index.stories.ts +6 -0
- package/app/components/ui/SearchSelect/index.vue +5 -4
- package/app/components/ui/Select/index.stories.ts +8 -0
- package/app/components/ui/Skeleton/index.stories.ts +4 -0
- package/app/components/ui/Slider/index.stories.ts +6 -0
- package/app/components/ui/Surface/index.stories.ts +5 -0
- package/app/components/ui/Tabs/index.stories.ts +8 -0
- package/app/components/ui/Tag/index.stories.ts +5 -0
- package/app/components/ui/Textarea/index.stories.ts +7 -0
- package/app/components/ui/Toast/index.stories.ts +5 -0
- package/app/components/ui/Tooltip/index.stories.ts +4 -0
- package/app/components/ui/WebLink/index.stories.ts +7 -0
- package/nuxt.config.ts +1 -6
- package/package.json +7 -5
- /package/app/assets/styles/{colors.css → tailwind-colors.css} +0 -0
- /package/app/assets/styles/{utilities.css → tailwind-utilities.css} +0 -0
|
@@ -32,9 +32,12 @@ const meta = {
|
|
|
32
32
|
export default meta
|
|
33
33
|
type Story = StoryObj<typeof meta>
|
|
34
34
|
|
|
35
|
+
const noControls = { controls: { disable: true }} satisfies Story['parameters']
|
|
36
|
+
|
|
35
37
|
export const Default: Story = {}
|
|
36
38
|
|
|
37
39
|
export const Types: Story = {
|
|
40
|
+
parameters: noControls,
|
|
38
41
|
render: () => ({
|
|
39
42
|
components: { Toast, Button },
|
|
40
43
|
setup () {
|
|
@@ -61,6 +64,7 @@ export const Types: Story = {
|
|
|
61
64
|
}
|
|
62
65
|
|
|
63
66
|
export const WithDescription: Story = {
|
|
67
|
+
parameters: noControls,
|
|
64
68
|
render: () => ({
|
|
65
69
|
components: { Toast, Button },
|
|
66
70
|
setup () {
|
|
@@ -79,6 +83,7 @@ export const WithDescription: Story = {
|
|
|
79
83
|
}
|
|
80
84
|
|
|
81
85
|
export const Positions: Story = {
|
|
86
|
+
parameters: noControls,
|
|
82
87
|
render: () => ({
|
|
83
88
|
components: { Toast, Button },
|
|
84
89
|
setup () {
|
|
@@ -33,9 +33,12 @@ const meta = {
|
|
|
33
33
|
export default meta
|
|
34
34
|
type Story = StoryObj<typeof meta>
|
|
35
35
|
|
|
36
|
+
const noControls = { controls: { disable: true }} satisfies Story['parameters']
|
|
37
|
+
|
|
36
38
|
export const Default: Story = {}
|
|
37
39
|
|
|
38
40
|
export const Positions: Story = {
|
|
41
|
+
parameters: noControls,
|
|
39
42
|
render: () => ({
|
|
40
43
|
components: { Tooltip, Button },
|
|
41
44
|
template: `
|
|
@@ -58,6 +61,7 @@ export const Positions: Story = {
|
|
|
58
61
|
}
|
|
59
62
|
|
|
60
63
|
export const LongText: Story = {
|
|
64
|
+
parameters: noControls,
|
|
61
65
|
render: () => ({
|
|
62
66
|
components: { Tooltip, Button },
|
|
63
67
|
template: `
|
|
@@ -34,9 +34,12 @@ const meta = {
|
|
|
34
34
|
export default meta
|
|
35
35
|
type Story = StoryObj<typeof meta>
|
|
36
36
|
|
|
37
|
+
const noControls = { controls: { disable: true }} satisfies Story['parameters']
|
|
38
|
+
|
|
37
39
|
export const Default: Story = {}
|
|
38
40
|
|
|
39
41
|
export const ExternalLink: Story = {
|
|
42
|
+
parameters: noControls,
|
|
40
43
|
render: () => ({
|
|
41
44
|
components: { WebLink },
|
|
42
45
|
template: `
|
|
@@ -49,6 +52,7 @@ export const ExternalLink: Story = {
|
|
|
49
52
|
}
|
|
50
53
|
|
|
51
54
|
export const ExternalWithoutIcon: Story = {
|
|
55
|
+
parameters: noControls,
|
|
52
56
|
render: () => ({
|
|
53
57
|
components: { WebLink },
|
|
54
58
|
template: `
|
|
@@ -58,6 +62,7 @@ export const ExternalWithoutIcon: Story = {
|
|
|
58
62
|
}
|
|
59
63
|
|
|
60
64
|
export const WithExplicitTarget: Story = {
|
|
65
|
+
parameters: noControls,
|
|
61
66
|
render: () => ({
|
|
62
67
|
components: { WebLink },
|
|
63
68
|
template: `
|
|
@@ -67,6 +72,7 @@ export const WithExplicitTarget: Story = {
|
|
|
67
72
|
}
|
|
68
73
|
|
|
69
74
|
export const Unstyled: Story = {
|
|
75
|
+
parameters: noControls,
|
|
70
76
|
render: () => ({
|
|
71
77
|
components: { WebLink },
|
|
72
78
|
template: `
|
|
@@ -79,6 +85,7 @@ export const Unstyled: Story = {
|
|
|
79
85
|
}
|
|
80
86
|
|
|
81
87
|
export const InlineUsage: Story = {
|
|
88
|
+
parameters: noControls,
|
|
82
89
|
render: () => ({
|
|
83
90
|
components: { WebLink },
|
|
84
91
|
template: `
|
package/nuxt.config.ts
CHANGED
|
@@ -13,6 +13,7 @@ export default defineNuxtConfig({
|
|
|
13
13
|
},
|
|
14
14
|
|
|
15
15
|
// Package is declared as peerDependency so consumers own the version.
|
|
16
|
+
extends: [ '@polymarbot/nuxt-layer-effect' ],
|
|
16
17
|
modules: [ '@nuxtjs/i18n' ],
|
|
17
18
|
|
|
18
19
|
// Lazy-loaded messages. @nuxtjs/i18n v9+ lazy-loads every locale file by
|
|
@@ -50,12 +51,6 @@ export default defineNuxtConfig({
|
|
|
50
51
|
// automatically inherit it via Nuxt's css array merging.
|
|
51
52
|
css: [ join(currentDir, 'app/assets/styles/globals.css') ],
|
|
52
53
|
|
|
53
|
-
postcss: {
|
|
54
|
-
plugins: {
|
|
55
|
-
'@tailwindcss/postcss': {},
|
|
56
|
-
},
|
|
57
|
-
},
|
|
58
|
-
|
|
59
54
|
components: [
|
|
60
55
|
// Layer's own components (absolute paths required)
|
|
61
56
|
{ path: join(currentDir, 'app/components/ui'), pathPrefix: false, extensions: [ 'vue' ]},
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@polymarbot/nuxt-layer-shadcn-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.0",
|
|
4
4
|
"description": "Nuxt layer providing shadcn-vue based UI components",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./nuxt.config.ts",
|
|
@@ -17,8 +17,9 @@
|
|
|
17
17
|
"access": "public"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@tailwindcss/postcss": "^4.2.4",
|
|
21
20
|
"@tanstack/vue-table": "^8.21.3",
|
|
21
|
+
"@types/lodash-es": "^4.17.12",
|
|
22
|
+
"@types/qrcode": "^1.5.6",
|
|
22
23
|
"@vuepic/vue-datepicker": "^12.1.0",
|
|
23
24
|
"class-variance-authority": "^0.7.1",
|
|
24
25
|
"clsx": "^2.1.1",
|
|
@@ -28,19 +29,20 @@
|
|
|
28
29
|
"qrcode": "^1.5.4",
|
|
29
30
|
"reka-ui": "^2.9.6",
|
|
30
31
|
"tailwind-merge": "^3.5.0",
|
|
31
|
-
"tailwindcss": "^4.2.4",
|
|
32
32
|
"tw-animate-css": "^1.4.0",
|
|
33
33
|
"vue-sonner": "^2.0.9"
|
|
34
34
|
},
|
|
35
35
|
"peerDependencies": {
|
|
36
|
-
"@polymarbot/
|
|
36
|
+
"@polymarbot/nuxt-layer-effect": "^0.1",
|
|
37
|
+
"@polymarbot/uitls-shared": "^0.3",
|
|
37
38
|
"@nuxtjs/i18n": "^10",
|
|
38
39
|
"@vueuse/core": "^14",
|
|
39
40
|
"dayjs": "^1",
|
|
40
41
|
"nuxt": "^4",
|
|
42
|
+
"tailwindcss": "^4",
|
|
41
43
|
"vue": "^3",
|
|
42
44
|
"vue-i18n": "^11",
|
|
43
45
|
"vue-router": "^4 || ^5"
|
|
44
46
|
},
|
|
45
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "abf2e41c26480c1a60d6e29a247613abf1f9e994"
|
|
46
48
|
}
|
|
File without changes
|
|
File without changes
|