@fastkit/vui 0.16.28 → 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.
Files changed (12) hide show
  1. package/dist/vui.d.ts +100 -52
  2. package/dist/vui.mjs.map +1 -1
  3. package/package.json +26 -26
  4. package/src/components/VButton/VButton.scss +4 -2
  5. package/src/components/VCard/VCard.scss +1 -1
  6. package/src/components/VCheckbox/VCheckbox.scss +3 -1
  7. package/src/components/VControlField/VControlField.scss +2 -1
  8. package/src/components/VDataTable/VDataTable.scss +3 -1
  9. package/src/components/VListTile/VListTile.scss +3 -2
  10. package/src/components/VRadio/VRadio.scss +3 -1
  11. package/src/components/VSwitch/VSwitch.scss +6 -3
  12. 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.28",
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.9",
48
- "@fastkit/color-scheme-gen": "0.13.9",
49
- "@fastkit/dom": "0.1.2",
50
- "@fastkit/helpers": "0.13.2",
51
- "@fastkit/icon-font": "1.0.8",
52
- "@fastkit/media-match": "1.0.8",
53
- "@fastkit/media-match-gen": "0.13.9",
54
- "@fastkit/rules": "0.13.3",
55
- "@fastkit/stylebase": "0.13.0",
56
- "@fastkit/tiny-logger": "0.13.2",
57
- "@fastkit/vue-action": "0.2.4",
58
- "@fastkit/vue-app-layout": "0.14.3",
59
- "@fastkit/vue-body-scroll-lock": "0.1.4",
60
- "@fastkit/vue-click-outside": "0.1.4",
61
- "@fastkit/vue-color-scheme": "0.14.4",
62
- "@fastkit/vue-form-control": "0.15.17",
63
- "@fastkit/vue-keyboard": "0.1.2",
64
- "@fastkit/vue-loading": "0.14.5",
65
- "@fastkit/vue-location": "0.1.4",
66
- "@fastkit/vue-media-match": "0.13.9",
67
- "@fastkit/vue-resize": "0.1.4",
68
- "@fastkit/vue-scroller": "0.14.3",
69
- "@fastkit/vue-stack": "0.15.15",
70
- "@fastkit/vue-transitions": "0.1.5",
71
- "@fastkit/vue-utils": "0.14.2"
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",
package/src/components/VButton/VButton.scss CHANGED
@@ -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: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), color 1ms;
44
- appearance: none;
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;
package/src/components/VCard/VCard.scss CHANGED
@@ -8,11 +8,11 @@
8
8
  width: 100%;
9
9
  padding: 0;
10
10
  text-align: left;
11
+ appearance: none;
11
12
  touch-action: manipulation;
12
13
  user-select: none;
13
14
  border: 0;
14
15
  outline: 0;
15
- appearance: none;
16
16
 
17
17
  &,
18
18
  &:hover,
package/src/components/VCheckbox/VCheckbox.scss CHANGED
@@ -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: border-color 0.2s, background-color 0.2s;
35
+ transition:
36
+ border-color 0.2s,
37
+ background-color 0.2s;
36
38
  }
37
39
 
38
40
  &--indeterminate &__faux {
package/src/components/VControlField/VControlField.scss CHANGED
@@ -162,7 +162,8 @@
162
162
  }
163
163
 
164
164
  &:focus-within {
165
- box-shadow: 0 0 1px var(--shadow-color),
165
+ box-shadow:
166
+ 0 0 1px var(--shadow-color),
166
167
  0 0 2px 2px var(--focusShadow-color);
167
168
 
168
169
  // border-color: var(--my-focused-color);
package/src/components/VDataTable/VDataTable.scss CHANGED
@@ -168,7 +168,9 @@
168
168
  width: 25px;
169
169
  font-size: 1.25em;
170
170
  opacity: 0;
171
- transition: transform 0.2s, opacity 0.2s;
171
+ transition:
172
+ transform 0.2s,
173
+ opacity 0.2s;
172
174
 
173
175
  // stylelint-disable-next-line no-descending-specificity
174
176
  &--empty {
package/src/components/VListTile/VListTile.scss CHANGED
@@ -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: color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
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;
package/src/components/VRadio/VRadio.scss CHANGED
@@ -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: border-color 0.2s, background-color 0.2s;
29
+ transition:
30
+ border-color 0.2s,
31
+ background-color 0.2s;
30
32
 
31
33
  &::before,
32
34
  &::after {
package/src/components/VSwitch/VSwitch.scss CHANGED
@@ -43,7 +43,8 @@
43
43
 
44
44
  // background: #f00;
45
45
  border-radius: 50%;
46
- transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
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: rgb(0 0 0 / 0.2) 0 2px 1px -1px,
72
- rgb(0 0 0 / 0.14) 0 1px 1px 0, rgb(0 0 0 / 0.12) 0 1px 3px 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
  }
package/src/styles/core/functions.scss CHANGED
@@ -22,7 +22,9 @@
22
22
  }
23
23
 
24
24
  @mixin elevation($z, $important: false) {
25
- box-shadow: var(--shadow-key-umbra-#{$z}), var(--shadow-key-penumbra-#{$z}),
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,