@konoma-development/vue-components 0.1.14 → 0.1.16
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/components/defaults/button.ts +2 -0
- package/components/ui/KonomaButton.vue +14 -2
- package/package.json +20 -21
- package/unocss.config.ts +0 -4
|
@@ -7,12 +7,14 @@ export const baseClasses = {
|
|
|
7
7
|
classesActiveSecondary:
|
|
8
8
|
'bg-secondary-100 border border-secondary-100 hover:bg-secondary-200 text-secondary-900 focus:ring-2 focus:ring-primary-600 focus:ring-offset-2',
|
|
9
9
|
classesError: 'bg-error-500 border border-error-600 text-white hover:bg-error-700 focus:ring-2 focus:ring-error-500 focus:ring-offset-2',
|
|
10
|
+
classesErrorOutline: 'bg-white border border-error-300 text-error-600 hover:bg-error-100 focus:ring-2 focus:ring-error-500 focus:ring-offset-2',
|
|
10
11
|
classesAlert: 'bg-alert-500 border border-alert-600 text-white hover:bg-alert-700 focus:ring-2 focus:ring-alert-500 focus:ring-offset-2',
|
|
11
12
|
loadingClassesBase: 'h-6 w-6 animate-spin',
|
|
12
13
|
loadingClassesPrimary: 'text-primary-600 fill-white',
|
|
13
14
|
loadingClassesSecondary: 'text-secondary-200',
|
|
14
15
|
loadingClassesActiveSecondary: 'text-secondary-200',
|
|
15
16
|
loadingClassesError: 'text-error-200',
|
|
17
|
+
loadingClassesErrorOutline: 'text-error-200',
|
|
16
18
|
loadingClassesAlert: 'text-alert-200',
|
|
17
19
|
iconLeftClasses: 'h-6 w-6',
|
|
18
20
|
iconRightClasses: 'h-6 w-6',
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<button
|
|
3
|
-
:disabled="disabled"
|
|
3
|
+
:disabled="disabled"
|
|
4
|
+
:type="type"
|
|
5
|
+
:class="combinedClasses.join(' ')"
|
|
4
6
|
@click="async ($event) => await emit('click', $event)"
|
|
5
7
|
>
|
|
6
8
|
<KonomaIcon v-if="iconLeftPath || iconLeftName" :class="iconLeftClasses" :name="iconLeftName" :path="iconLeftPath" />
|
|
@@ -21,19 +23,21 @@ const props = withDefaults(defineProps<{
|
|
|
21
23
|
classesSecondary?: string
|
|
22
24
|
classesActiveSecondary?: string
|
|
23
25
|
classesError?: string
|
|
26
|
+
classesErrorOutline?: string
|
|
24
27
|
classesAlert?: string
|
|
25
28
|
loadingClassesBase?: string
|
|
26
29
|
loadingClassesPrimary?: string
|
|
27
30
|
loadingClassesSecondary?: string
|
|
28
31
|
loadingClassesActiveSecondary?: string
|
|
29
32
|
loadingClassesError?: string
|
|
33
|
+
loadingClassesErrorOutline?: string
|
|
30
34
|
loadingClassesAlert?: string
|
|
31
35
|
iconLeftClasses?: string
|
|
32
36
|
iconRightClasses?: string
|
|
33
37
|
disabled?: boolean
|
|
34
38
|
class?: string
|
|
35
39
|
type?: 'button' | 'submit' | 'reset'
|
|
36
|
-
variant: 'primary' | 'secondary' | 'error' | 'alert' | 'active-secondary'
|
|
40
|
+
variant: 'primary' | 'secondary' | 'error' | 'error-outline' | 'alert' | 'active-secondary'
|
|
37
41
|
label: string
|
|
38
42
|
loading?: boolean
|
|
39
43
|
iconLeftPath?: string
|
|
@@ -47,12 +51,14 @@ const props = withDefaults(defineProps<{
|
|
|
47
51
|
classesSecondary: baseClasses.classesSecondary,
|
|
48
52
|
classesActiveSecondary: baseClasses.classesActiveSecondary,
|
|
49
53
|
classesError: baseClasses.classesError,
|
|
54
|
+
classesErrorOutline: baseClasses.classesErrorOutline,
|
|
50
55
|
classesAlert: baseClasses.classesAlert,
|
|
51
56
|
loadingClassesBase: baseClasses.loadingClassesBase,
|
|
52
57
|
loadingClassesPrimary: baseClasses.loadingClassesPrimary,
|
|
53
58
|
loadingClassesSecondary: baseClasses.loadingClassesSecondary,
|
|
54
59
|
loadingClassesActiveSecondary: baseClasses.loadingClassesActiveSecondary,
|
|
55
60
|
loadingClassesError: baseClasses.loadingClassesError,
|
|
61
|
+
loadingClassesErrorOutline: baseClasses.loadingClassesErrorOutline,
|
|
56
62
|
loadingClassesAlert: baseClasses.loadingClassesAlert,
|
|
57
63
|
iconLeftClasses: baseClasses.iconLeftClasses,
|
|
58
64
|
iconRightClasses: baseClasses.iconRightClasses,
|
|
@@ -78,6 +84,9 @@ const combinedLoadingClasses = computed(() => {
|
|
|
78
84
|
case 'error':
|
|
79
85
|
classes.push(props.loadingClassesError);
|
|
80
86
|
break;
|
|
87
|
+
case 'error-outline':
|
|
88
|
+
classes.push(props.loadingClassesErrorOutline);
|
|
89
|
+
break;
|
|
81
90
|
case 'alert':
|
|
82
91
|
classes.push(props.loadingClassesAlert);
|
|
83
92
|
break;
|
|
@@ -100,6 +109,9 @@ const combinedClasses = computed(() => {
|
|
|
100
109
|
case 'error':
|
|
101
110
|
classes.push(props.classesError);
|
|
102
111
|
break;
|
|
112
|
+
case 'error-outline':
|
|
113
|
+
classes.push(props.classesErrorOutline);
|
|
114
|
+
break;
|
|
103
115
|
case 'alert':
|
|
104
116
|
classes.push(props.classesAlert);
|
|
105
117
|
break;
|
package/package.json
CHANGED
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
6
|
"type": "module",
|
|
7
|
-
"version": "0.1.
|
|
8
|
-
"packageManager": "yarn@4.
|
|
7
|
+
"version": "0.1.16",
|
|
8
|
+
"packageManager": "yarn@4.16.0",
|
|
9
9
|
"main": "./nuxt.config.ts",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"dev": "nuxi dev .playground",
|
|
@@ -23,36 +23,35 @@
|
|
|
23
23
|
"vue3-select-component": "0.16.2"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@antfu/eslint-config": "
|
|
27
|
-
"@babel/plugin-transform-typescript": "7.
|
|
28
|
-
"@babel/preset-typescript": "7.
|
|
29
|
-
"@iconify-json/carbon": "1.2.
|
|
26
|
+
"@antfu/eslint-config": "9.0.0",
|
|
27
|
+
"@babel/plugin-transform-typescript": "7.29.7",
|
|
28
|
+
"@babel/preset-typescript": "7.29.7",
|
|
29
|
+
"@iconify-json/carbon": "1.2.23",
|
|
30
30
|
"@nuxt/devtools": "3.2.4",
|
|
31
|
-
"@nuxt/eslint": "1.
|
|
32
|
-
"@nuxt/icon": "2.2.
|
|
33
|
-
"@nuxt/schema": "4.4.
|
|
31
|
+
"@nuxt/eslint": "1.16.0",
|
|
32
|
+
"@nuxt/icon": "2.2.3",
|
|
33
|
+
"@nuxt/schema": "4.4.8",
|
|
34
34
|
"@nuxt/test-utils": "4.0.3",
|
|
35
35
|
"@pinia/nuxt": "0.11.3",
|
|
36
|
-
"@sentry/nuxt": "10.
|
|
37
|
-
"@types/node": "22.19.
|
|
38
|
-
"@unocss/eslint-plugin": "66.
|
|
39
|
-
"@unocss/nuxt": "66.
|
|
40
|
-
"@unocss/reset": "66.
|
|
41
|
-
"@vitejs/plugin-vue": "6.0.
|
|
36
|
+
"@sentry/nuxt": "10.57.0",
|
|
37
|
+
"@types/node": "22.19.20",
|
|
38
|
+
"@unocss/eslint-plugin": "66.7.0",
|
|
39
|
+
"@unocss/nuxt": "66.7.0",
|
|
40
|
+
"@unocss/reset": "66.7.0",
|
|
41
|
+
"@vitejs/plugin-vue": "6.0.7",
|
|
42
42
|
"@vueuse/nuxt": "14.3.0",
|
|
43
43
|
"babel-preset-vue": "2.0.2",
|
|
44
44
|
"changelogen": "0.6.2",
|
|
45
|
-
"eslint": "10.
|
|
45
|
+
"eslint": "10.4.1",
|
|
46
46
|
"floating-vue": "5.2.2",
|
|
47
|
-
"nuxt": "4.4.
|
|
47
|
+
"nuxt": "4.4.8",
|
|
48
48
|
"nuxt-headlessui": "1.2.2",
|
|
49
49
|
"pinia": "3.0.4",
|
|
50
50
|
"tslib": "2.8.1",
|
|
51
51
|
"typescript": "6.0.3",
|
|
52
|
-
"unocss": "66.
|
|
53
|
-
"
|
|
54
|
-
"
|
|
55
|
-
"vue-tsc": "3.2.8",
|
|
52
|
+
"unocss": "66.7.0",
|
|
53
|
+
"vite": "8.0.16",
|
|
54
|
+
"vue-tsc": "3.3.4",
|
|
56
55
|
"vue3-select-component": "0.16.2"
|
|
57
56
|
}
|
|
58
57
|
}
|
package/unocss.config.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { defineConfig, presetWind4, transformerDirectives } from 'unocss';
|
|
2
|
-
import { presetScrollbar } from 'unocss-preset-scrollbar';
|
|
3
2
|
|
|
4
3
|
type ColorValue = string | Colors;
|
|
5
4
|
|
|
@@ -15,9 +14,6 @@ export default defineConfig({
|
|
|
15
14
|
content: { pipeline: { include: [/\.(vue|svelte|[jt]sx|vine.ts|mdx?|astro|elm|php|phtml|html|ts)($|\?)/] } },
|
|
16
15
|
presets: [
|
|
17
16
|
presetWind4(),
|
|
18
|
-
presetScrollbar({
|
|
19
|
-
// config
|
|
20
|
-
}),
|
|
21
17
|
],
|
|
22
18
|
theme: {
|
|
23
19
|
radius: {
|