@fastkit/vui 0.16.27 → 0.16.29
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/dist/vui.d.ts +100 -52
- package/dist/vui.mjs +0 -1
- package/dist/vui.mjs.map +1 -1
- package/package.json +26 -26
- package/src/components/VButton/VButton.scss +4 -2
- package/src/components/VCard/VCard.scss +1 -1
- package/src/components/VCheckbox/VCheckbox.scss +3 -1
- package/src/components/VControlField/VControlField.scss +2 -1
- package/src/components/VDataTable/VDataTable.scss +3 -1
- package/src/components/VListTile/VListTile.scss +3 -2
- package/src/components/VPagination/VPagination.tsx +3 -1
- package/src/components/VRadio/VRadio.scss +3 -1
- package/src/components/VSwitch/VSwitch.scss +6 -3
- package/src/components/VTabs/VTabs.tsx +0 -1
- package/src/styles/core/functions.scss +4 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fastkit/vui",
|
|
3
|
-
"version": "0.16.
|
|
3
|
+
"version": "0.16.29",
|
|
4
4
|
"description": "A simple, extensible UI kit for Vue applications.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"fastkit",
|
|
@@ -44,31 +44,31 @@
|
|
|
44
44
|
"src"
|
|
45
45
|
],
|
|
46
46
|
"dependencies": {
|
|
47
|
-
"@fastkit/color-scheme": "1.0.
|
|
48
|
-
"@fastkit/
|
|
49
|
-
"@fastkit/
|
|
50
|
-
"@fastkit/
|
|
51
|
-
"@fastkit/
|
|
52
|
-
"@fastkit/
|
|
53
|
-
"@fastkit/
|
|
54
|
-
"@fastkit/
|
|
55
|
-
"@fastkit/
|
|
56
|
-
"@fastkit/tiny-logger": "0.13.
|
|
57
|
-
"@fastkit/vue-action": "0.2.
|
|
58
|
-
"@fastkit/vue-app-layout": "0.14.
|
|
59
|
-
"@fastkit/vue-body-scroll-lock": "0.1.
|
|
60
|
-
"@fastkit/vue-click-outside": "0.1.
|
|
61
|
-
"@fastkit/vue-
|
|
62
|
-
"@fastkit/vue-
|
|
63
|
-
"@fastkit/vue-
|
|
64
|
-
"@fastkit/vue-
|
|
65
|
-
"@fastkit/vue-
|
|
66
|
-
"@fastkit/vue-media-match": "0.13.
|
|
67
|
-
"@fastkit/vue-resize": "0.1.
|
|
68
|
-
"@fastkit/vue-scroller": "0.14.
|
|
69
|
-
"@fastkit/vue-
|
|
70
|
-
"@fastkit/vue-transitions": "0.1.
|
|
71
|
-
"@fastkit/vue-
|
|
47
|
+
"@fastkit/color-scheme": "1.0.10",
|
|
48
|
+
"@fastkit/dom": "0.1.3",
|
|
49
|
+
"@fastkit/helpers": "0.13.3",
|
|
50
|
+
"@fastkit/media-match-gen": "0.13.10",
|
|
51
|
+
"@fastkit/rules": "0.13.4",
|
|
52
|
+
"@fastkit/color-scheme-gen": "0.13.10",
|
|
53
|
+
"@fastkit/stylebase": "0.13.1",
|
|
54
|
+
"@fastkit/media-match": "1.0.9",
|
|
55
|
+
"@fastkit/icon-font": "1.0.9",
|
|
56
|
+
"@fastkit/tiny-logger": "0.13.3",
|
|
57
|
+
"@fastkit/vue-action": "0.2.5",
|
|
58
|
+
"@fastkit/vue-app-layout": "0.14.4",
|
|
59
|
+
"@fastkit/vue-body-scroll-lock": "0.1.5",
|
|
60
|
+
"@fastkit/vue-click-outside": "0.1.5",
|
|
61
|
+
"@fastkit/vue-form-control": "0.15.18",
|
|
62
|
+
"@fastkit/vue-color-scheme": "0.14.5",
|
|
63
|
+
"@fastkit/vue-location": "0.1.5",
|
|
64
|
+
"@fastkit/vue-keyboard": "0.1.3",
|
|
65
|
+
"@fastkit/vue-loading": "0.14.6",
|
|
66
|
+
"@fastkit/vue-media-match": "0.13.10",
|
|
67
|
+
"@fastkit/vue-resize": "0.1.5",
|
|
68
|
+
"@fastkit/vue-scroller": "0.14.4",
|
|
69
|
+
"@fastkit/vue-utils": "0.14.3",
|
|
70
|
+
"@fastkit/vue-transitions": "0.1.6",
|
|
71
|
+
"@fastkit/vue-stack": "0.15.16"
|
|
72
72
|
},
|
|
73
73
|
"peerDependencies": {
|
|
74
74
|
"vue": "^3.3.0",
|
|
@@ -34,14 +34,16 @@
|
|
|
34
34
|
text-transform: uppercase;
|
|
35
35
|
letter-spacing: math.div(1.25, 14) * 1em; // 1.25px;
|
|
36
36
|
vertical-align: bottom;
|
|
37
|
+
appearance: none;
|
|
37
38
|
cursor: pointer;
|
|
38
39
|
user-select: none;
|
|
39
40
|
border-style: solid;
|
|
40
41
|
border-width: 1px;
|
|
41
42
|
border-radius: var(--control-field-radius);
|
|
42
43
|
outline: 0;
|
|
43
|
-
transition:
|
|
44
|
-
|
|
44
|
+
transition:
|
|
45
|
+
0.3s cubic-bezier(0.25, 0.8, 0.5, 1),
|
|
46
|
+
color 1ms;
|
|
45
47
|
|
|
46
48
|
&--align-left {
|
|
47
49
|
justify-content: flex-start;
|
|
@@ -32,7 +32,9 @@
|
|
|
32
32
|
background: var(--my-faux-bg-color);
|
|
33
33
|
border: solid 2px var(--my-border-color);
|
|
34
34
|
border-radius: var(--control-field-radius);
|
|
35
|
-
transition:
|
|
35
|
+
transition:
|
|
36
|
+
border-color 0.2s,
|
|
37
|
+
background-color 0.2s;
|
|
36
38
|
}
|
|
37
39
|
|
|
38
40
|
&--indeterminate &__faux {
|
|
@@ -21,15 +21,16 @@
|
|
|
21
21
|
color: var(--tile-text-color) !important;
|
|
22
22
|
text-align: left;
|
|
23
23
|
text-decoration: none;
|
|
24
|
+
appearance: none;
|
|
24
25
|
user-select: none;
|
|
25
26
|
background: var(--tile-background);
|
|
26
27
|
border: 0;
|
|
27
28
|
border-left: 3px solid var(--tile-pin-color);
|
|
28
29
|
border-radius: 0;
|
|
29
30
|
outline: 0;
|
|
30
|
-
transition:
|
|
31
|
+
transition:
|
|
32
|
+
color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
|
|
31
33
|
background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
|
32
|
-
appearance: none;
|
|
33
34
|
|
|
34
35
|
&--clickable {
|
|
35
36
|
cursor: pointer;
|
|
@@ -181,7 +181,9 @@ export const VPagination = defineComponent({
|
|
|
181
181
|
let result = beforeChange(newPage);
|
|
182
182
|
if (isPromise(result)) result = await result;
|
|
183
183
|
if (result === false) return;
|
|
184
|
-
} catch (e) {
|
|
184
|
+
} catch (e) {
|
|
185
|
+
// noop
|
|
186
|
+
}
|
|
185
187
|
}
|
|
186
188
|
if (routeQuery) {
|
|
187
189
|
const to = createRoutableLocationByPage(newPage, routeQuery);
|
|
@@ -26,7 +26,9 @@
|
|
|
26
26
|
// background: var(--my-faux-bg-color);
|
|
27
27
|
// border: solid 2px currentColor;
|
|
28
28
|
// border-radius: 100%;
|
|
29
|
-
transition:
|
|
29
|
+
transition:
|
|
30
|
+
border-color 0.2s,
|
|
31
|
+
background-color 0.2s;
|
|
30
32
|
|
|
31
33
|
&::before,
|
|
32
34
|
&::after {
|
|
@@ -43,7 +43,8 @@
|
|
|
43
43
|
|
|
44
44
|
// background: #f00;
|
|
45
45
|
border-radius: 50%;
|
|
46
|
-
transition:
|
|
46
|
+
transition:
|
|
47
|
+
left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
|
|
47
48
|
transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
|
48
49
|
|
|
49
50
|
&::before,
|
|
@@ -68,8 +69,10 @@
|
|
|
68
69
|
height: var(--icon-size);
|
|
69
70
|
background: var(--my-pin-color);
|
|
70
71
|
border-radius: 50%;
|
|
71
|
-
box-shadow:
|
|
72
|
-
rgb(0 0 0 / 0.
|
|
72
|
+
box-shadow:
|
|
73
|
+
rgb(0 0 0 / 0.2) 0 2px 1px -1px,
|
|
74
|
+
rgb(0 0 0 / 0.14) 0 1px 1px 0,
|
|
75
|
+
rgb(0 0 0 / 0.12) 0 1px 3px 0;
|
|
73
76
|
transform: scale(var(--control-checkable-faux-scale));
|
|
74
77
|
}
|
|
75
78
|
}
|
|
@@ -22,7 +22,9 @@
|
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
@mixin elevation($z, $important: false) {
|
|
25
|
-
box-shadow:
|
|
25
|
+
box-shadow:
|
|
26
|
+
var(--shadow-key-umbra-#{$z}),
|
|
27
|
+
var(--shadow-key-penumbra-#{$z}),
|
|
26
28
|
var(--shadow-key-ambient-#{$z}) if($important, unquote('!important'), null);
|
|
27
29
|
}
|
|
28
30
|
|
|
@@ -46,6 +48,7 @@
|
|
|
46
48
|
@include remove-tap-highlight;
|
|
47
49
|
|
|
48
50
|
padding: 0;
|
|
51
|
+
appearance: none;
|
|
49
52
|
touch-action: manipulation;
|
|
50
53
|
cursor: pointer;
|
|
51
54
|
user-select: none;
|
|
@@ -53,7 +56,6 @@
|
|
|
53
56
|
// background-color: transparent;
|
|
54
57
|
border-width: 0;
|
|
55
58
|
outline: 0;
|
|
56
|
-
appearance: none;
|
|
57
59
|
|
|
58
60
|
&,
|
|
59
61
|
&:hover,
|