@tuspe/components 1.7.7 → 1.7.9
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 +1 -1
- package/dist/Button.svelte +11 -8
- package/dist/Button.svelte.d.ts +1 -1
- package/dist/Modal.svelte +1 -0
- package/package.json +9 -9
package/README.md
CHANGED
|
@@ -42,7 +42,6 @@ Easily replace most buttons in your project with this versatile button component
|
|
|
42
42
|
ariaExpanded?: boolean | undefined
|
|
43
43
|
ariaLabel?: string
|
|
44
44
|
ariaPopup?: 'dialog' | 'menu' | 'listbox' | undefined
|
|
45
|
-
ball?: boolean
|
|
46
45
|
borderColor?: 'content' | 'default' | 'primary'
|
|
47
46
|
borderSize?: 0 | 1 | 2
|
|
48
47
|
children: Snippet
|
|
@@ -64,6 +63,7 @@ Easily replace most buttons in your project with this versatile button component
|
|
|
64
63
|
onclick?: any
|
|
65
64
|
preload?: 'hover' | 'tap'
|
|
66
65
|
role?: string
|
|
66
|
+
rounded?: 'full' | 'lg' | 'none' | 'sm'
|
|
67
67
|
target?: '_blank' | '_top' | undefined
|
|
68
68
|
type?: 'submit'
|
|
69
69
|
uppercase?: boolean
|
package/dist/Button.svelte
CHANGED
|
@@ -7,7 +7,6 @@
|
|
|
7
7
|
ariaExpanded?: boolean | undefined
|
|
8
8
|
ariaLabel?: string
|
|
9
9
|
ariaPopup?: 'dialog' | 'menu' | 'listbox' | undefined
|
|
10
|
-
ball?: boolean
|
|
11
10
|
borderColor?: 'content' | 'default' | 'primary'
|
|
12
11
|
borderSize?: 0 | 1 | 2
|
|
13
12
|
children: Snippet
|
|
@@ -29,6 +28,7 @@
|
|
|
29
28
|
onclick?: any
|
|
30
29
|
preload?: 'hover' | 'tap'
|
|
31
30
|
role?: string
|
|
31
|
+
rounded?: 'full' | 'lg' | 'none' | 'sm'
|
|
32
32
|
target?: '_blank' | '_top' | undefined
|
|
33
33
|
type?: 'submit'
|
|
34
34
|
uppercase?: boolean
|
|
@@ -40,7 +40,6 @@
|
|
|
40
40
|
ariaExpanded,
|
|
41
41
|
ariaLabel,
|
|
42
42
|
ariaPopup,
|
|
43
|
-
ball,
|
|
44
43
|
borderColor = 'content',
|
|
45
44
|
borderSize = 0,
|
|
46
45
|
children,
|
|
@@ -62,6 +61,7 @@
|
|
|
62
61
|
onclick = undefined,
|
|
63
62
|
preload,
|
|
64
63
|
role,
|
|
64
|
+
rounded = 'sm',
|
|
65
65
|
target,
|
|
66
66
|
type,
|
|
67
67
|
uppercase = true,
|
|
@@ -75,9 +75,6 @@
|
|
|
75
75
|
} else {
|
|
76
76
|
classes += ' bg-' + colorBg
|
|
77
77
|
}
|
|
78
|
-
if (ball) {
|
|
79
|
-
classes += ' radius-full'
|
|
80
|
-
}
|
|
81
78
|
if (borderSize) {
|
|
82
79
|
classes += ' border-solid border-' + borderSize + ' border-' + borderColor
|
|
83
80
|
}
|
|
@@ -108,6 +105,9 @@
|
|
|
108
105
|
if (noPadding) {
|
|
109
106
|
classes += ' no-padding'
|
|
110
107
|
}
|
|
108
|
+
if (rounded) {
|
|
109
|
+
classes += ' radius-' + rounded
|
|
110
|
+
}
|
|
111
111
|
if (uppercase) {
|
|
112
112
|
classes += ' uppercase'
|
|
113
113
|
}
|
|
@@ -201,9 +201,6 @@
|
|
|
201
201
|
padding-left: 2rem;
|
|
202
202
|
padding-right: 2rem;
|
|
203
203
|
}
|
|
204
|
-
.btn:not(.radius-full) {
|
|
205
|
-
border-radius: 0.375rem;
|
|
206
|
-
}
|
|
207
204
|
.btn:disabled {
|
|
208
205
|
cursor: not-allowed;
|
|
209
206
|
opacity: 0.6;
|
|
@@ -260,6 +257,12 @@
|
|
|
260
257
|
border-radius: 50%;
|
|
261
258
|
overflow: hidden;
|
|
262
259
|
}
|
|
260
|
+
.radius-lg {
|
|
261
|
+
border-radius: 25px;
|
|
262
|
+
}
|
|
263
|
+
.radius-sm {
|
|
264
|
+
border-radius: 0.375rem;
|
|
265
|
+
}
|
|
263
266
|
.w-full {
|
|
264
267
|
width: 100%;
|
|
265
268
|
}
|
package/dist/Button.svelte.d.ts
CHANGED
|
@@ -4,7 +4,6 @@ interface Props {
|
|
|
4
4
|
ariaExpanded?: boolean | undefined;
|
|
5
5
|
ariaLabel?: string;
|
|
6
6
|
ariaPopup?: 'dialog' | 'menu' | 'listbox' | undefined;
|
|
7
|
-
ball?: boolean;
|
|
8
7
|
borderColor?: 'content' | 'default' | 'primary';
|
|
9
8
|
borderSize?: 0 | 1 | 2;
|
|
10
9
|
children: Snippet;
|
|
@@ -26,6 +25,7 @@ interface Props {
|
|
|
26
25
|
onclick?: any;
|
|
27
26
|
preload?: 'hover' | 'tap';
|
|
28
27
|
role?: string;
|
|
28
|
+
rounded?: 'full' | 'lg' | 'none' | 'sm';
|
|
29
29
|
target?: '_blank' | '_top' | undefined;
|
|
30
30
|
type?: 'submit';
|
|
31
31
|
uppercase?: boolean;
|
package/dist/Modal.svelte
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tuspe/components",
|
|
3
|
-
"version": "1.7.
|
|
3
|
+
"version": "1.7.9",
|
|
4
4
|
"description": "A reusable SvelteKit component library for form elements, breadcrumbs, prices and images.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"svelteKit",
|
|
@@ -63,20 +63,20 @@
|
|
|
63
63
|
"@eslint/compat": "^1.2.7",
|
|
64
64
|
"@eslint/js": "^9.21.0",
|
|
65
65
|
"@sveltejs/adapter-static": "^3.0.8",
|
|
66
|
-
"@sveltejs/kit": "^2.17.
|
|
66
|
+
"@sveltejs/kit": "^2.17.3",
|
|
67
67
|
"@sveltejs/package": "^2.3.10",
|
|
68
68
|
"@sveltejs/vite-plugin-svelte": "^5.0.3",
|
|
69
|
-
"eslint-config-prettier": "^10.0.
|
|
70
|
-
"eslint-plugin-svelte": "^
|
|
69
|
+
"eslint-config-prettier": "^10.0.2",
|
|
70
|
+
"eslint-plugin-svelte": "^3.0.2",
|
|
71
71
|
"eslint": "^9.21.0",
|
|
72
72
|
"globals": "^16.0.0",
|
|
73
73
|
"prettier-plugin-svelte": "^3.3.3",
|
|
74
74
|
"prettier": "^3.5.2",
|
|
75
|
-
"publint": "^0.3.
|
|
75
|
+
"publint": "^0.3.7",
|
|
76
76
|
"svelte-check": "^4.1.4",
|
|
77
|
-
"svelte": "^5.20.
|
|
78
|
-
"typescript-eslint": "^8.
|
|
79
|
-
"typescript": "^5.
|
|
80
|
-
"vite": "^6.
|
|
77
|
+
"svelte": "^5.20.5",
|
|
78
|
+
"typescript-eslint": "^8.25.0",
|
|
79
|
+
"typescript": "^5.8.2",
|
|
80
|
+
"vite": "^6.2.0"
|
|
81
81
|
}
|
|
82
82
|
}
|