@fastkit/vui 0.19.31 → 0.19.32

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 (5) hide show
  1. package/dist/vui.css +2 -3
  2. package/dist/vui.d.ts +15 -13
  3. package/dist/vui.mjs +1 -1
  4. package/package.json +23 -23
  5. package/src/components/VButton/VButton.scss +2 -2
package/dist/vui.css CHANGED
@@ -1045,13 +1045,12 @@
1045
1045
  --padding:0;
1046
1046
  aspect-ratio:1/1;
1047
1047
  border-radius:50%;
1048
+ margin:calc(var(--root-em)*.125);
1048
1049
  min-width:0;
1049
1050
  --height:auto;
1050
1051
  }
1051
- .v-button--icon,.v-button--rounded{
1052
- margin:calc(var(--root-em)*.125) calc(var(--root-em)*.125);
1053
- }
1054
1052
  .v-button--icon{
1053
+ margin:calc(var(--root-em)*.125);
1055
1054
  min-width:1.9285714286em;
1056
1055
  --height:1.9285714286em;
1057
1056
  --padding:0em;
package/dist/vui.d.ts CHANGED
@@ -343,10 +343,10 @@ declare function createTextFieldProps(): {
343
343
  default: boolean;
344
344
  };
345
345
  type: {
346
- type: vue.PropType<"number" | "time" | "text" | "search" | "color" | "email" | "tel" | "url" | "date" | "datetime-local" | "month" | "password">;
346
+ type: vue.PropType<"number" | "search" | "time" | "text" | "color" | "email" | "tel" | "url" | "date" | "datetime-local" | "month" | "password">;
347
347
  default: string;
348
348
  };
349
- inputmode: vue.PropType<"text" | "search" | "none" | "email" | "tel" | "url" | "decimal" | "numeric">;
349
+ inputmode: vue.PropType<"search" | "text" | "none" | "email" | "tel" | "url" | "decimal" | "numeric">;
350
350
  maskModel: {
351
351
  type: vue.PropType<_fastkit_vue_form_control.TextInputMaskModel>;
352
352
  default: string;
@@ -431,10 +431,10 @@ declare const VTextField: vue.DefineComponent<{
431
431
  default: boolean;
432
432
  };
433
433
  type: {
434
- type: vue.PropType<"number" | "time" | "text" | "search" | "color" | "email" | "tel" | "url" | "date" | "datetime-local" | "month" | "password">;
434
+ type: vue.PropType<"number" | "search" | "time" | "text" | "color" | "email" | "tel" | "url" | "date" | "datetime-local" | "month" | "password">;
435
435
  default: string;
436
436
  };
437
- inputmode: vue.PropType<"text" | "search" | "none" | "email" | "tel" | "url" | "decimal" | "numeric">;
437
+ inputmode: vue.PropType<"search" | "text" | "none" | "email" | "tel" | "url" | "decimal" | "numeric">;
438
438
  maskModel: {
439
439
  type: vue.PropType<_fastkit_vue_form_control.TextInputMaskModel>;
440
440
  default: string;
@@ -527,10 +527,10 @@ declare const VTextField: vue.DefineComponent<{
527
527
  default: boolean;
528
528
  };
529
529
  type: {
530
- type: vue.PropType<"number" | "time" | "text" | "search" | "color" | "email" | "tel" | "url" | "date" | "datetime-local" | "month" | "password">;
530
+ type: vue.PropType<"number" | "search" | "time" | "text" | "color" | "email" | "tel" | "url" | "date" | "datetime-local" | "month" | "password">;
531
531
  default: string;
532
532
  };
533
- inputmode: vue.PropType<"text" | "search" | "none" | "email" | "tel" | "url" | "decimal" | "numeric">;
533
+ inputmode: vue.PropType<"search" | "text" | "none" | "email" | "tel" | "url" | "decimal" | "numeric">;
534
534
  maskModel: {
535
535
  type: vue.PropType<_fastkit_vue_form_control.TextInputMaskModel>;
536
536
  default: string;
@@ -599,7 +599,7 @@ declare const VTextField: vue.DefineComponent<{
599
599
  error: boolean;
600
600
  showOwnErrors: boolean;
601
601
  detach: boolean;
602
- type: "number" | "time" | "text" | "search" | "color" | "email" | "tel" | "url" | "date" | "datetime-local" | "month" | "password";
602
+ type: "number" | "search" | "time" | "text" | "color" | "email" | "tel" | "url" | "date" | "datetime-local" | "month" | "password";
603
603
  hiddenInfo: boolean;
604
604
  maskModel: _fastkit_vue_form_control.TextInputMaskModel;
605
605
  limit: boolean;
@@ -2524,7 +2524,7 @@ declare const VBusyImage: vue.DefineComponent<{
2524
2524
  results: PropType<(string | number) | undefined>;
2525
2525
  security: PropType<string | undefined>;
2526
2526
  unselectable: PropType<"off" | "on" | undefined>;
2527
- inputmode: PropType<"text" | "search" | "none" | "email" | "tel" | "url" | "decimal" | "numeric" | undefined>;
2527
+ inputmode: PropType<"search" | "text" | "none" | "email" | "tel" | "url" | "decimal" | "numeric" | undefined>;
2528
2528
  is: PropType<string | undefined>;
2529
2529
  'aria-activedescendant': PropType<string | undefined>;
2530
2530
  'aria-atomic': PropType<(boolean | "true" | "false") | undefined>;
@@ -2637,7 +2637,8 @@ declare const VBusyImage: vue.DefineComponent<{
2637
2637
  onVolumechange: PropType<((payload: Event) => void) | undefined>;
2638
2638
  onWaiting: PropType<((payload: Event) => void) | undefined>;
2639
2639
  onSelect: PropType<((payload: Event) => void) | undefined>;
2640
- onScroll: PropType<((payload: UIEvent) => void) | undefined>;
2640
+ onScroll: PropType<((payload: Event) => void) | undefined>;
2641
+ onScrollend: PropType<((payload: Event) => void) | undefined>;
2641
2642
  onTouchcancel: PropType<((payload: TouchEvent) => void) | undefined>;
2642
2643
  onTouchend: PropType<((payload: TouchEvent) => void) | undefined>;
2643
2644
  onTouchmove: PropType<((payload: TouchEvent) => void) | undefined>;
@@ -2718,7 +2719,7 @@ declare const VBusyImage: vue.DefineComponent<{
2718
2719
  results: PropType<(string | number) | undefined>;
2719
2720
  security: PropType<string | undefined>;
2720
2721
  unselectable: PropType<"off" | "on" | undefined>;
2721
- inputmode: PropType<"text" | "search" | "none" | "email" | "tel" | "url" | "decimal" | "numeric" | undefined>;
2722
+ inputmode: PropType<"search" | "text" | "none" | "email" | "tel" | "url" | "decimal" | "numeric" | undefined>;
2722
2723
  is: PropType<string | undefined>;
2723
2724
  'aria-activedescendant': PropType<string | undefined>;
2724
2725
  'aria-atomic': PropType<(boolean | "true" | "false") | undefined>;
@@ -2831,7 +2832,8 @@ declare const VBusyImage: vue.DefineComponent<{
2831
2832
  onVolumechange: PropType<((payload: Event) => void) | undefined>;
2832
2833
  onWaiting: PropType<((payload: Event) => void) | undefined>;
2833
2834
  onSelect: PropType<((payload: Event) => void) | undefined>;
2834
- onScroll: PropType<((payload: UIEvent) => void) | undefined>;
2835
+ onScroll: PropType<((payload: Event) => void) | undefined>;
2836
+ onScrollend: PropType<((payload: Event) => void) | undefined>;
2835
2837
  onTouchcancel: PropType<((payload: TouchEvent) => void) | undefined>;
2836
2838
  onTouchend: PropType<((payload: TouchEvent) => void) | undefined>;
2837
2839
  onTouchmove: PropType<((payload: TouchEvent) => void) | undefined>;
@@ -6124,7 +6126,7 @@ declare const VNumberField: vue.DefineComponent<{
6124
6126
  startAdornment: PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
6125
6127
  endAdornment: PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
6126
6128
  maxlength: (StringConstructor | NumberConstructor)[];
6127
- inputmode: PropType<"text" | "search" | "none" | "email" | "tel" | "url" | "decimal" | "numeric">;
6129
+ inputmode: PropType<"search" | "text" | "none" | "email" | "tel" | "url" | "decimal" | "numeric">;
6128
6130
  maskModel: {
6129
6131
  type: PropType<_fastkit_vue_form_control.TextInputMaskModel>;
6130
6132
  default: string;
@@ -6219,7 +6221,7 @@ declare const VNumberField: vue.DefineComponent<{
6219
6221
  startAdornment: PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
6220
6222
  endAdornment: PropType<_fastkit_vue_utils.VNodeChildOrSlot>;
6221
6223
  maxlength: (StringConstructor | NumberConstructor)[];
6222
- inputmode: PropType<"text" | "search" | "none" | "email" | "tel" | "url" | "decimal" | "numeric">;
6224
+ inputmode: PropType<"search" | "text" | "none" | "email" | "tel" | "url" | "decimal" | "numeric">;
6223
6225
  maskModel: {
6224
6226
  type: PropType<_fastkit_vue_form_control.TextInputMaskModel>;
6225
6227
  default: string;
package/dist/vui.mjs CHANGED
@@ -54,7 +54,7 @@ var __copyProps = (to, from, except, desc) => {
54
54
  }
55
55
  return to;
56
56
  };
57
- var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
57
+ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget );
58
58
 
59
59
  // src/index.ts
60
60
  var src_exports = {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fastkit/vui",
3
- "version": "0.19.31",
3
+ "version": "0.19.32",
4
4
  "description": "A simple, extensible UI kit for Vue applications.",
5
5
  "keywords": [
6
6
  "fastkit",
@@ -44,35 +44,35 @@
44
44
  "src"
45
45
  ],
46
46
  "dependencies": {
47
- "@fastkit/color-scheme": "^2.0.6",
48
- "@fastkit/helpers": "^0.14.4",
49
- "@fastkit/icon-font": "^2.0.3",
50
- "@fastkit/color-scheme-gen": "^0.14.9",
51
- "@fastkit/media-match": "^2.0.3",
47
+ "@fastkit/color-scheme": "^2.0.7",
52
48
  "@fastkit/dom": "^0.2.5",
49
+ "@fastkit/color-scheme-gen": "^0.14.10",
50
+ "@fastkit/helpers": "^0.14.4",
51
+ "@fastkit/media-match": "^2.0.4",
52
+ "@fastkit/media-match-gen": "^0.14.10",
53
53
  "@fastkit/rules": "^0.14.6",
54
- "@fastkit/media-match-gen": "^0.14.9",
55
- "@fastkit/vue-app-layout": "^0.15.7",
56
54
  "@fastkit/tiny-logger": "^0.14.4",
57
- "@fastkit/stylebase": "^0.13.1",
58
- "@fastkit/vue-action": "^0.3.13",
59
- "@fastkit/vue-body-scroll-lock": "^0.2.7",
60
- "@fastkit/vue-click-outside": "^0.2.6",
61
- "@fastkit/vue-color-scheme": "^0.15.8",
62
- "@fastkit/vue-loading": "^0.15.8",
63
- "@fastkit/vue-form-control": "^0.20.17",
55
+ "@fastkit/vue-app-layout": "^0.15.8",
56
+ "@fastkit/vue-action": "^0.3.14",
57
+ "@fastkit/vue-body-scroll-lock": "^0.2.8",
58
+ "@fastkit/vue-click-outside": "^0.2.7",
59
+ "@fastkit/vue-form-control": "^0.20.18",
60
+ "@fastkit/vue-color-scheme": "^0.15.9",
61
+ "@fastkit/vue-loading": "^0.15.9",
64
62
  "@fastkit/vue-keyboard": "^0.2.4",
65
- "@fastkit/vue-media-match": "^0.14.6",
66
- "@fastkit/vue-resize": "^0.2.6",
67
- "@fastkit/vue-location": "^0.2.6",
68
- "@fastkit/vue-scroller": "^0.15.6",
69
- "@fastkit/vue-stack": "^0.16.8",
70
- "@fastkit/vue-transitions": "^0.2.7",
71
- "@fastkit/vue-utils": "^0.15.6"
63
+ "@fastkit/vue-location": "^0.2.7",
64
+ "@fastkit/vue-media-match": "^0.14.7",
65
+ "@fastkit/vue-resize": "^0.2.7",
66
+ "@fastkit/vue-scroller": "^0.15.7",
67
+ "@fastkit/vue-stack": "^0.16.9",
68
+ "@fastkit/icon-font": "^2.0.4",
69
+ "@fastkit/stylebase": "^0.13.1",
70
+ "@fastkit/vue-transitions": "^0.2.8",
71
+ "@fastkit/vue-utils": "^0.15.7"
72
72
  },
73
73
  "peerDependencies": {
74
74
  "vue": "^3.4.0",
75
- "vue-router": "^4.2.0"
75
+ "vue-router": "^4.3.0"
76
76
  },
77
77
  "buildOptions": {
78
78
  "name": "Vui"
package/src/components/VButton/VButton.scss CHANGED
@@ -88,7 +88,7 @@
88
88
 
89
89
  min-width: 0;
90
90
  aspect-ratio: 1 / 1;
91
- margin: calc(var(--root-em) * 0.125) calc(var(--root-em) * 0.125);
91
+ margin: calc(var(--root-em) * 0.125);
92
92
  border-radius: 50%;
93
93
 
94
94
  --height: auto;
@@ -97,7 +97,7 @@
97
97
  &--icon {
98
98
  // aspect-ratio: 1 / 1;
99
99
  min-width: #{$base-height * 0.75};
100
- margin: calc(var(--root-em) * 0.125) calc(var(--root-em) * 0.125);
100
+ margin: calc(var(--root-em) * 0.125);
101
101
 
102
102
  // --height: #{$base-height};
103
103
  // --height: calc(var);