@flyanra/vue-core 1.2.0 → 1.2.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/package.json CHANGED
@@ -1,158 +1,158 @@
1
- {
2
- "name": "@flyanra/vue-core",
3
- "version": "1.2.0",
4
- "private": false,
5
- "description": "Source-distributed Vue component library for Vite and Nuxt consumers.",
6
- "sideEffects": false,
7
- "type": "module",
8
- "imports": {
9
- "#storybook/*": "./.storybook/*"
10
- },
11
- "exports": {
12
- ".": {
13
- "types": "./dist/types/index.d.ts",
14
- "import": "./src/index.ts"
15
- },
16
- "./types": {
17
- "types": "./src/types/index.d.ts",
18
- "default": "./src/types/index.ts"
19
- },
20
- "./styles": {
21
- "types": "./src/styles/index.d.ts",
22
- "default": "./src/styles/index.scss"
23
- },
24
- "./styles/*": "./src/styles/*",
25
- "./components": {
26
- "types": "./dist/types/components/index.d.ts",
27
- "import": "./src/components/index.ts"
28
- },
29
- "./components/*": {
30
- "types": "./dist/types/components/*/index.d.ts",
31
- "import": "./src/components/*/index.ts"
32
- },
33
- "./composables": {
34
- "types": "./dist/types/composables/index.d.ts",
35
- "import": "./src/composables/index.ts"
36
- },
37
- "./composables/*": {
38
- "types": "./dist/types/composables/*/index.d.ts",
39
- "import": "./src/composables/*/index.ts"
40
- },
41
- "./utils": {
42
- "types": "./dist/types/utils/index.d.ts",
43
- "import": "./src/utils/index.ts"
44
- },
45
- "./utils/*": {
46
- "types": "./dist/types/utils/*.d.ts",
47
- "import": "./src/utils/*.ts"
48
- },
49
- "./package.json": "./package.json"
50
- },
51
- "types": "./dist/types/index.d.ts",
52
- "files": [
53
- "src/components",
54
- "src/composables",
55
- "src/utils",
56
- "src/styles",
57
- "src/index.ts",
58
- "dist/types",
59
- "README.md",
60
- "package.json",
61
- "!src/**/*.stories.ts",
62
- "!src/**/*.stories.tsx",
63
- "!src/**/*.mdx",
64
- "!dist/types/**/*.stories.d.ts"
65
- ],
66
- "scripts": {
67
- "build:preview": "vite build",
68
- "prebuild:types": "npm run clean:types",
69
- "build:types": "vue-tsc --declaration --emitDeclarationOnly -p tsconfig.build.json",
70
- "build-storybook": "storybook build",
71
- "changeset": "changeset",
72
- "changeset:publish": "changeset publish",
73
- "changeset:version": "changeset version",
74
- "clean:types": "rm -rf dist/types",
75
- "dev": "vite",
76
- "format": "prettier . --write",
77
- "format:check": "prettier . --check",
78
- "lint": "eslint .",
79
- "lint:fix": "eslint . --fix",
80
- "pack": "npm pack",
81
- "pack:check": "npm pack --dry-run",
82
- "postinstall:husky": "husky",
83
- "prepare": "husky",
84
- "preview": "vite preview",
85
- "storybook": "storybook dev -p 6006 --no-open",
86
- "test-storybook": "vitest --project=storybook",
87
- "typecheck": "vue-tsc --noEmit -p tsconfig.lib.json"
88
- },
89
- "lint-staged": {
90
- "*.{js,mjs,cjs,ts,mts,jsx,tsx,vue,css,scss,md,json}": [
91
- "prettier --write"
92
- ],
93
- "*.{js,mjs,cjs,ts,mts,jsx,tsx,vue}": [
94
- "eslint --fix"
95
- ]
96
- },
97
- "devDependencies": {
98
- "@changesets/cli": "^2.30.0",
99
- "@eslint/js": "^10.0.1",
100
- "@flyanra/js-utils": "^1.5.0",
101
- "@iconify-json/mdi": "^1.2.3",
102
- "@iconify-json/ri": "^1.2.10",
103
- "@jamescoyle/vue-icon": "^0.1.2",
104
- "@mdi/js": "^7.4.47",
105
- "@remixicon/vue": "^4.9.0",
106
- "@storybook/addon-a11y": "^10.3.6",
107
- "@storybook/addon-docs": "^10.3.6",
108
- "@storybook/addon-vitest": "^10.3.6",
109
- "@storybook/vue3-vite": "^10.3.6",
110
- "@tailwindcss/vite": "^4.2.2",
111
- "@trivago/prettier-plugin-sort-imports": "^6.0.2",
112
- "@types/node": "^24.12.2",
113
- "@vitejs/plugin-vue": "^6.0.5",
114
- "@vitest/browser-playwright": "^4.1.4",
115
- "@vitest/coverage-v8": "^4.1.4",
116
- "@vue/tsconfig": "^0.9.1",
117
- "dompurify": "^3.4.2",
118
- "element-plus": "^2.13.7",
119
- "eslint": "^10.2.0",
120
- "eslint-config-prettier": "^10.1.8",
121
- "eslint-plugin-storybook": "^10.3.6",
122
- "eslint-plugin-vue": "^10.8.0",
123
- "globals": "^17.5.0",
124
- "husky": "^9.1.7",
125
- "lint-staged": "^16.4.0",
126
- "lodash-es": "^4.18.1",
127
- "maska": "^3.2.0",
128
- "playwright": "^1.59.1",
129
- "prettier": "^3.8.3",
130
- "prettier-plugin-packagejson": "^3.0.2",
131
- "sass": "^1.99.0",
132
- "storybook": "^10.3.6",
133
- "storybook-vue3-router": "^7.0.0",
134
- "tailwindcss": "^4.2.2",
135
- "typescript": "~6.0.2",
136
- "typescript-eslint": "^8.58.2",
137
- "unplugin-icons": "^23.0.1",
138
- "unplugin-vue-components": "^32.1.0",
139
- "vite": "^8.0.4",
140
- "vitest": "^4.1.4",
141
- "vue": "^3.5.32",
142
- "vue-eslint-parser": "^10.4.0",
143
- "vue-i18n": "^11.4.0",
144
- "vue-tsc": "^3.2.6"
145
- },
146
- "peerDependencies": {
147
- "@flyanra/js-utils": "^1.3.2",
148
- "@jamescoyle/vue-icon": "^0.1.2",
149
- "element-plus": "^2.13.7",
150
- "maska": "^3.2.0",
151
- "vue": "^3.5.32",
152
- "vue-i18n": "^11.4.0"
153
- },
154
- "volta": {
155
- "node": "24.12.0",
156
- "yarn": "1.22.22"
157
- }
158
- }
1
+ {
2
+ "name": "@flyanra/vue-core",
3
+ "version": "1.2.1",
4
+ "private": false,
5
+ "description": "Source-distributed Vue component library for Vite and Nuxt consumers.",
6
+ "sideEffects": false,
7
+ "type": "module",
8
+ "imports": {
9
+ "#storybook/*": "./.storybook/*"
10
+ },
11
+ "exports": {
12
+ ".": {
13
+ "types": "./dist/types/index.d.ts",
14
+ "import": "./src/index.ts"
15
+ },
16
+ "./types": {
17
+ "types": "./src/types/index.d.ts",
18
+ "default": "./src/types/index.ts"
19
+ },
20
+ "./styles": {
21
+ "types": "./src/styles/index.d.ts",
22
+ "default": "./src/styles/index.scss"
23
+ },
24
+ "./styles/*": "./src/styles/*",
25
+ "./components": {
26
+ "types": "./dist/types/components/index.d.ts",
27
+ "import": "./src/components/index.ts"
28
+ },
29
+ "./components/*": {
30
+ "types": "./dist/types/components/*/index.d.ts",
31
+ "import": "./src/components/*/index.ts"
32
+ },
33
+ "./composables": {
34
+ "types": "./dist/types/composables/index.d.ts",
35
+ "import": "./src/composables/index.ts"
36
+ },
37
+ "./composables/*": {
38
+ "types": "./dist/types/composables/*/index.d.ts",
39
+ "import": "./src/composables/*/index.ts"
40
+ },
41
+ "./utils": {
42
+ "types": "./dist/types/utils/index.d.ts",
43
+ "import": "./src/utils/index.ts"
44
+ },
45
+ "./utils/*": {
46
+ "types": "./dist/types/utils/*.d.ts",
47
+ "import": "./src/utils/*.ts"
48
+ },
49
+ "./package.json": "./package.json"
50
+ },
51
+ "types": "./dist/types/index.d.ts",
52
+ "files": [
53
+ "src/components",
54
+ "src/composables",
55
+ "src/utils",
56
+ "src/styles",
57
+ "src/index.ts",
58
+ "dist/types",
59
+ "README.md",
60
+ "package.json",
61
+ "!src/**/*.stories.ts",
62
+ "!src/**/*.stories.tsx",
63
+ "!src/**/*.mdx",
64
+ "!dist/types/**/*.stories.d.ts"
65
+ ],
66
+ "scripts": {
67
+ "build:preview": "vite build",
68
+ "prebuild:types": "npm run clean:types",
69
+ "build:types": "vue-tsc --declaration --emitDeclarationOnly -p tsconfig.build.json",
70
+ "build-storybook": "storybook build",
71
+ "changeset": "changeset",
72
+ "changeset:publish": "changeset publish",
73
+ "changeset:version": "changeset version",
74
+ "clean:types": "rm -rf dist/types",
75
+ "dev": "vite",
76
+ "format": "prettier . --write",
77
+ "format:check": "prettier . --check",
78
+ "lint": "eslint .",
79
+ "lint:fix": "eslint . --fix",
80
+ "pack": "npm pack",
81
+ "pack:check": "npm pack --dry-run",
82
+ "postinstall:husky": "husky",
83
+ "prepare": "husky",
84
+ "preview": "vite preview",
85
+ "storybook": "storybook dev -p 6006 --no-open",
86
+ "test-storybook": "vitest --project=storybook",
87
+ "typecheck": "vue-tsc --noEmit -p tsconfig.lib.json"
88
+ },
89
+ "lint-staged": {
90
+ "*.{js,mjs,cjs,ts,mts,jsx,tsx,vue,css,scss,md,json}": [
91
+ "prettier --write"
92
+ ],
93
+ "*.{js,mjs,cjs,ts,mts,jsx,tsx,vue}": [
94
+ "eslint --fix"
95
+ ]
96
+ },
97
+ "devDependencies": {
98
+ "@changesets/cli": "^2.30.0",
99
+ "@eslint/js": "^10.0.1",
100
+ "@flyanra/js-utils": "^1.5.0",
101
+ "@iconify-json/mdi": "^1.2.3",
102
+ "@iconify-json/ri": "^1.2.10",
103
+ "@jamescoyle/vue-icon": "^0.1.2",
104
+ "@mdi/js": "^7.4.47",
105
+ "@remixicon/vue": "^4.9.0",
106
+ "@storybook/addon-a11y": "^10.3.6",
107
+ "@storybook/addon-docs": "^10.3.6",
108
+ "@storybook/addon-vitest": "^10.3.6",
109
+ "@storybook/vue3-vite": "^10.3.6",
110
+ "@tailwindcss/vite": "^4.2.2",
111
+ "@trivago/prettier-plugin-sort-imports": "^6.0.2",
112
+ "@types/node": "^24.12.2",
113
+ "@vitejs/plugin-vue": "^6.0.5",
114
+ "@vitest/browser-playwright": "^4.1.4",
115
+ "@vitest/coverage-v8": "^4.1.4",
116
+ "@vue/tsconfig": "^0.9.1",
117
+ "dompurify": "^3.4.2",
118
+ "element-plus": "^2.13.7",
119
+ "eslint": "^10.2.0",
120
+ "eslint-config-prettier": "^10.1.8",
121
+ "eslint-plugin-storybook": "^10.3.6",
122
+ "eslint-plugin-vue": "^10.8.0",
123
+ "globals": "^17.5.0",
124
+ "husky": "^9.1.7",
125
+ "lint-staged": "^16.4.0",
126
+ "lodash-es": "^4.18.1",
127
+ "maska": "^3.2.0",
128
+ "playwright": "^1.59.1",
129
+ "prettier": "^3.8.3",
130
+ "prettier-plugin-packagejson": "^3.0.2",
131
+ "sass": "^1.99.0",
132
+ "storybook": "^10.3.6",
133
+ "storybook-vue3-router": "^7.0.0",
134
+ "tailwindcss": "^4.2.2",
135
+ "typescript": "~6.0.2",
136
+ "typescript-eslint": "^8.58.2",
137
+ "unplugin-icons": "^23.0.1",
138
+ "unplugin-vue-components": "^32.1.0",
139
+ "vite": "^8.0.4",
140
+ "vitest": "^4.1.4",
141
+ "vue": "^3.5.32",
142
+ "vue-eslint-parser": "^10.4.0",
143
+ "vue-i18n": "^11.4.0",
144
+ "vue-tsc": "^3.2.6"
145
+ },
146
+ "peerDependencies": {
147
+ "@flyanra/js-utils": "^1.3.2",
148
+ "@jamescoyle/vue-icon": "^0.1.2",
149
+ "element-plus": "^2.13.7",
150
+ "maska": "^3.2.0",
151
+ "vue": "^3.5.32",
152
+ "vue-i18n": "^11.4.0"
153
+ },
154
+ "volta": {
155
+ "node": "24.12.0",
156
+ "yarn": "1.22.22"
157
+ }
158
+ }
@@ -1,76 +1,76 @@
1
1
  // global colors
2
- $anra-primary: #58baa8;
3
- $anra-primary-dark: #15826e;
4
- $anra-primary-accent: #57baa7;
5
- $anra-black: #000000;
6
- $anra-white: #ffffff;
2
+ $anra-primary: #58baa8 !default;
3
+ $anra-primary-dark: #15826e !default;
4
+ $anra-primary-accent: #57baa7 !default;
5
+ $anra-black: #000000 !default;
6
+ $anra-white: #ffffff !default;
7
7
 
8
8
  // dark theme
9
- $anra-dark-dynamic-light: #ffffff;
10
- $anra-dark-dynamic-dark: #000000;
11
- $anra-dark-default-text-color: #cfd3dc;
12
- $anra-dark-bg-10: #29555a;
13
- $anra-dark-bg-15: #274452;
14
- $anra-dark-bg-15-accent: #253e4a;
15
- $anra-dark-bg-15-accent-1: #395969;
16
- $anra-dark-bg-20: #18323f;
17
- $anra-dark-bg-20-rgb: 24, 50, 63;
18
- $anra-dark-bg-20-subtitle: #c7c7c7;
19
- $anra-dark-bg-25: #19282f;
20
- $anra-dark-bg-blue-50: #293470;
21
- $anra-dark-state-danger: #ff0e0e;
22
- $anra-dark-state-error: #ff0e0e;
23
- $anra-dark-state-error-lighter: #e76f6f;
24
- $anra-dark-state-error-lighter-50: #ffa5a5;
25
- $anra-dark-state-success: #068c53;
26
- $anra-dark-state-info: #6a7174;
27
- $anra-dark-state-info-lighter: #c0c9cd;
28
- $anra-dark-state-warning: #ffc427;
29
- $anra-dark-state-warning-50: #896a3d;
30
- $anra-dark-text-placeholder: #b3b7bf;
31
- $anra-dark-border-color: #4f626c;
32
- $anra-dark-border-color-light: #616161;
33
- $anra-dark-fill-color-light: #405661;
34
- $anra-dark-mask-color: rgba(24, 50, 63, 0.79);
35
- $anra-dark-scroll-shadow: #02020224;
36
- $anra-dark-disabled-bg: #1f3845;
37
- $anra-dark-form-item-error-color: #ffcac9;
38
- $anra-dark-tag-info-bg: #344b56;
39
- $anra-dark-form-input-border: #979797;
40
- $anra-dark-text-on-primary: black;
41
- $anra-dark-text-subtle: #99a1af;
9
+ $anra-dark-dynamic-light: #ffffff !default;
10
+ $anra-dark-dynamic-dark: #000000 !default;
11
+ $anra-dark-default-text-color: #cfd3dc !default;
12
+ $anra-dark-bg-10: #29555a !default;
13
+ $anra-dark-bg-15: #274452 !default;
14
+ $anra-dark-bg-15-accent: #253e4a !default;
15
+ $anra-dark-bg-15-accent-1: #395969 !default;
16
+ $anra-dark-bg-20: #18323f !default;
17
+ $anra-dark-bg-20-rgb: 24, 50, 63 !default;
18
+ $anra-dark-bg-20-subtitle: #c7c7c7 !default;
19
+ $anra-dark-bg-25: #19282f !default;
20
+ $anra-dark-bg-blue-50: #293470 !default;
21
+ $anra-dark-state-danger: #ff0e0e !default;
22
+ $anra-dark-state-error: #ff0e0e !default;
23
+ $anra-dark-state-error-lighter: #e76f6f !default;
24
+ $anra-dark-state-error-lighter-50: #ffa5a5 !default;
25
+ $anra-dark-state-success: #068c53 !default;
26
+ $anra-dark-state-info: #6a7174 !default;
27
+ $anra-dark-state-info-lighter: #c0c9cd !default;
28
+ $anra-dark-state-warning: #ffc427 !default;
29
+ $anra-dark-state-warning-50: #896a3d !default;
30
+ $anra-dark-text-placeholder: #b3b7bf !default;
31
+ $anra-dark-border-color: #4f626c !default;
32
+ $anra-dark-border-color-light: #616161 !default;
33
+ $anra-dark-fill-color-light: #405661 !default;
34
+ $anra-dark-mask-color: rgba(24, 50, 63, 0.79) !default;
35
+ $anra-dark-scroll-shadow: #02020224 !default;
36
+ $anra-dark-disabled-bg: #1f3845 !default;
37
+ $anra-dark-form-item-error-color: #ffcac9 !default;
38
+ $anra-dark-tag-info-bg: #344b56 !default;
39
+ $anra-dark-form-input-border: #979797 !default;
40
+ $anra-dark-text-on-primary: black !default;
41
+ $anra-dark-text-subtle: #99a1af !default;
42
42
 
43
43
  // light theme
44
- $anra-light-dynamic-light: #000000;
45
- $anra-light-dynamic-dark: #ffffff;
46
- $anra-light-default-text-color: #1a1f24;
47
- $anra-light-bg-10: #f1f5f6;
48
- $anra-light-bg-15: #ffffff;
49
- $anra-light-bg-15-accent: #f2f2f2;
50
- $anra-light-bg-15-accent-1: #d9e3e6;
51
- $anra-light-bg-20: #f4f5f7;
52
- $anra-light-bg-20-rgb: 244, 245, 247;
53
- $anra-light-bg-20-subtitle: #4c5a66;
54
- $anra-light-bg-25: #c7d3d8;
55
- $anra-light-bg-blue-50: #dbe3f0;
56
- $anra-light-state-danger: #d60000;
57
- $anra-light-state-error: #d60000;
58
- $anra-light-state-error-lighter: #ef7a7a;
59
- $anra-light-state-error-lighter-50: #f7bcbc;
60
- $anra-light-state-success: #068c53;
61
- $anra-light-state-info: #5a6367;
62
- $anra-light-state-info-lighter: #5b6164;
63
- $anra-light-state-warning: #dca217;
64
- $anra-light-state-warning-50: #b88c3c;
65
- $anra-light-text-placeholder: #8a929a;
66
- $anra-light-border-color: #cad4d9;
67
- $anra-light-border-color-light: #e0e4e5;
68
- $anra-light-fill-color-light: #f3f6f7;
69
- $anra-light-mask-color: rgba(208, 218, 222, 0.6);
70
- $anra-light-scroll-shadow: #00000012;
71
- $anra-light-disabled-bg: #e6ecef;
72
- $anra-light-form-item-error-color: #d68080;
73
- $anra-light-tag-info-bg: #e4ecef;
74
- $anra-light-form-input-border: #969696;
75
- $anra-light-text-on-primary: black;
76
- $anra-light-text-subtle: #000000;
44
+ $anra-light-dynamic-light: #000000 !default;
45
+ $anra-light-dynamic-dark: #ffffff !default;
46
+ $anra-light-default-text-color: #1a1f24 !default;
47
+ $anra-light-bg-10: #f1f5f6 !default;
48
+ $anra-light-bg-15: #ffffff !default;
49
+ $anra-light-bg-15-accent: #f2f2f2 !default;
50
+ $anra-light-bg-15-accent-1: #d9e3e6 !default;
51
+ $anra-light-bg-20: #f4f5f7 !default;
52
+ $anra-light-bg-20-rgb: 244, 245, 247 !default;
53
+ $anra-light-bg-20-subtitle: #4c5a66 !default;
54
+ $anra-light-bg-25: #c7d3d8 !default;
55
+ $anra-light-bg-blue-50: #dbe3f0 !default;
56
+ $anra-light-state-danger: #d60000 !default;
57
+ $anra-light-state-error: #d60000 !default;
58
+ $anra-light-state-error-lighter: #ef7a7a !default;
59
+ $anra-light-state-error-lighter-50: #f7bcbc !default;
60
+ $anra-light-state-success: #068c53 !default;
61
+ $anra-light-state-info: #5a6367 !default;
62
+ $anra-light-state-info-lighter: #5b6164 !default;
63
+ $anra-light-state-warning: #dca217 !default;
64
+ $anra-light-state-warning-50: #b88c3c !default;
65
+ $anra-light-text-placeholder: #8a929a !default;
66
+ $anra-light-border-color: #cad4d9 !default;
67
+ $anra-light-border-color-light: #e0e4e5 !default;
68
+ $anra-light-fill-color-light: #f3f6f7 !default;
69
+ $anra-light-mask-color: rgba(208, 218, 222, 0.6) !default;
70
+ $anra-light-scroll-shadow: #00000012 !default;
71
+ $anra-light-disabled-bg: #e6ecef !default;
72
+ $anra-light-form-item-error-color: #d68080 !default;
73
+ $anra-light-tag-info-bg: #e4ecef !default;
74
+ $anra-light-form-input-border: #969696 !default;
75
+ $anra-light-text-on-primary: black !default;
76
+ $anra-light-text-subtle: #000000 !default;
@@ -1,4 +1,4 @@
1
- @use './tokens.scss';
1
+ @forward './tokens';
2
2
  @use './element/common.scss' as *;
3
3
  @use 'element-plus/theme-chalk/src/var.scss' as *;
4
4
  @use './element/dark.scss' as *;
@@ -1,3 +1,4 @@
1
+ @forward './scss-tokens';
1
2
  @use './scss-tokens' as vars;
2
3
 
3
4
  // Apply SCSS variables