@fastkit/vui 1.0.0 → 1.1.1

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 (67) hide show
  1. package/dist/after-effects/display-flow.scss +2 -2
  2. package/dist/vui.css +9 -9
  3. package/dist/vui.d.ts +517 -396
  4. package/dist/vui.mjs +85 -76
  5. package/dist/vui.mjs.map +1 -1
  6. package/package.json +32 -28
  7. package/src/components/VAvatar/VAvatar.scss +4 -4
  8. package/src/components/VAvatar/VAvatar.tsx +0 -1
  9. package/src/components/VBreadcrumbs/VBreadcrumbs.scss +2 -2
  10. package/src/components/VBreadcrumbs/VBreadcrumbs.tsx +1 -1
  11. package/src/components/VBusyImage/VBusyImage.scss +1 -1
  12. package/src/components/VButton/VButton.scss +3 -3
  13. package/src/components/VButton/VButton.tsx +0 -1
  14. package/src/components/VCard/VCard.scss +2 -2
  15. package/src/components/VCheckable/VCheckable.scss +1 -1
  16. package/src/components/VCheckable/VCheckable.tsx +4 -1
  17. package/src/components/VCheckbox/VCheckbox.scss +3 -3
  18. package/src/components/VCheckbox/VCheckbox.tsx +0 -1
  19. package/src/components/VChip/VChip.scss +4 -4
  20. package/src/components/VChip/VChip.tsx +0 -1
  21. package/src/components/VControlField/VControlField.scss +1 -1
  22. package/src/components/VControlField/VControlField.tsx +4 -3
  23. package/src/components/VDataTable/VDataTable.scss +3 -3
  24. package/src/components/VDataTable/VDataTable.tsx +0 -2
  25. package/src/components/VDialog/VDialog.scss +1 -1
  26. package/src/components/VDisabledReason/VDisabledReason.scss +1 -1
  27. package/src/components/VDisabledReason/VDisabledReason.tsx +78 -7
  28. package/src/components/VForm/VForm.tsx +20 -8
  29. package/src/components/VFormControl/VFormControl.scss +1 -1
  30. package/src/components/VFormControl/VFormControl.tsx +2 -6
  31. package/src/components/VFormGroup/VFormGroup.tsx +0 -1
  32. package/src/components/VGrid/schemes.ts +0 -1
  33. package/src/components/VListTile/VListTile.scss +1 -1
  34. package/src/components/VListTile/VListTile.tsx +0 -2
  35. package/src/components/VNavigation/VNavigation.tsx +1 -2
  36. package/src/components/VNavigation/VNavigationItem.tsx +1 -4
  37. package/src/components/VNumberField/VNumberField.tsx +0 -1
  38. package/src/components/VOption/VOption.scss +1 -1
  39. package/src/components/VOption/VOption.tsx +0 -1
  40. package/src/components/VPagination/VPagination.scss +2 -2
  41. package/src/components/VPagination/VPagination.tsx +1 -2
  42. package/src/components/VRadio/VRadio.scss +1 -1
  43. package/src/components/VRadio/VRadio.tsx +0 -1
  44. package/src/components/VSelect/VSelect.scss +2 -2
  45. package/src/components/VSelect/VSelect.tsx +1 -3
  46. package/src/components/VSheetModal/VSheetModal.tsx +0 -1
  47. package/src/components/VSkeltonLoader/VSkeltonLoaderBone.scss +4 -4
  48. package/src/components/VSwitch/VSwitch.scss +1 -1
  49. package/src/components/VSwitch/VSwitch.tsx +0 -1
  50. package/src/components/VTabs/VTab.scss +3 -3
  51. package/src/components/VTabs/VTabs.tsx +1 -4
  52. package/src/components/VTextField/VTextField.scss +3 -3
  53. package/src/components/VTextField/VTextField.tsx +0 -1
  54. package/src/components/VTextarea/VTextarea.scss +2 -2
  55. package/src/components/VTextarea/VTextarea.tsx +0 -1
  56. package/src/components/VToolbar/VToolbarMenu.tsx +0 -1
  57. package/src/composables/form-selector.tsx +1 -2
  58. package/src/plugin.tsx +1 -2
  59. package/src/service.tsx +0 -1
  60. package/src/styles/base.scss +2 -2
  61. package/src/styles/core/functions.scss +8 -4
  62. package/src/styles/core.scss +2 -2
  63. package/src/styles/elevation.scss +1 -1
  64. package/src/styles/group.scss +3 -3
  65. package/src/styles/index.scss +7 -7
  66. package/src/styles/typo.scss +1 -1
  67. package/src/styles/variables.scss +31 -26
@@ -326,15 +326,15 @@ $props-map: (
326
326
  .grid-size-#{$i}#{$breakpoint-suffix} {
327
327
  --basis: calc(#{$i} / #{$columns-length} * 100%);
328
328
 
329
- flex-basis: var(--basis);
330
329
  flex-grow: 0;
330
+ flex-basis: var(--basis);
331
331
  max-width: var(--basis);
332
332
  }
333
333
  }
334
334
 
335
335
  .grid-size-auto#{$breakpoint-suffix} {
336
- flex-basis: 0;
337
336
  flex-grow: 1;
337
+ flex-basis: 0;
338
338
  max-width: 100%;
339
339
  }
340
340
 
package/dist/vui.css CHANGED
@@ -1246,7 +1246,7 @@
1246
1246
  padding-left:var(--depth-padding);
1247
1247
  text-align:left;
1248
1248
  text-decoration:none;
1249
- transition:color .15s cubic-bezier(.4, 0, .2, 1) 0ms,background-color .15s cubic-bezier(.4, 0, .2, 1) 0ms;
1249
+ transition:color .15s cubic-bezier(.4, 0, .2, 1) 0s,background-color .15s cubic-bezier(.4, 0, .2, 1) 0s;
1250
1250
  user-select:none;
1251
1251
  width:100%;
1252
1252
  }
@@ -1398,13 +1398,13 @@
1398
1398
  .v-control-field:before{
1399
1399
  border-bottom:1px solid var(--my-bottom-color);
1400
1400
  height:1px;
1401
- transition:border-color .2s cubic-bezier(.4, 0, .2, 1) 0ms;
1401
+ transition:border-color .2s cubic-bezier(.4, 0, .2, 1) 0s;
1402
1402
  }
1403
1403
  .v-control-field:after{
1404
1404
  background:var(--my-focused-color);
1405
1405
  height:2px;
1406
1406
  transform:scaleX(0);
1407
- transition:transform .2s cubic-bezier(0, 0, .2, 1) 0ms;
1407
+ transition:transform .2s cubic-bezier(0, 0, .2, 1) 0s;
1408
1408
  }
1409
1409
  .v-control-field--focused,.v-control-field:focus-within{
1410
1410
  --my-outline-color:var(--my-focused-color);
@@ -1432,7 +1432,7 @@
1432
1432
  background-color:var(--my-fill-color);
1433
1433
  border-top-left-radius:var(--control-field-radius);
1434
1434
  border-top-right-radius:var(--control-field-radius);
1435
- transition:background-color .2s cubic-bezier(0, 0, .2, 1) 0ms;
1435
+ transition:background-color .2s cubic-bezier(0, 0, .2, 1) 0s;
1436
1436
  }
1437
1437
  .v-control-field--filled:hover:not(:focus-within){
1438
1438
  background-color:var(--my-fill-hover-color);
@@ -1449,7 +1449,7 @@
1449
1449
  }
1450
1450
  .v-control-field--outlined{
1451
1451
  border-radius:var(--control-field-radius);
1452
- transition:box-shadow .2s cubic-bezier(0, 0, .2, 1) 0ms;
1452
+ transition:box-shadow .2s cubic-bezier(0, 0, .2, 1) 0s;
1453
1453
  }
1454
1454
  .v-control-field--outlined:before{
1455
1455
  background:transparent;
@@ -1524,10 +1524,10 @@
1524
1524
  height:1px;
1525
1525
  overflow:hidden;
1526
1526
  position:absolute;
1527
+ white-space:nowrap;
1527
1528
  width:1px;
1528
1529
  clip:rect(0 0 0 0);
1529
1530
  clip-path:inset(100%);
1530
- white-space:nowrap;
1531
1531
  }
1532
1532
  .v-checkable__faux{
1533
1533
  align-items:center;
@@ -1647,7 +1647,7 @@
1647
1647
  left:0;
1648
1648
  position:absolute;
1649
1649
  top:0;
1650
- transition:left .15s cubic-bezier(.4, 0, .2, 1) 0ms,transform .15s cubic-bezier(.4, 0, .2, 1) 0ms;
1650
+ transition:left .15s cubic-bezier(.4, 0, .2, 1) 0s,transform .15s cubic-bezier(.4, 0, .2, 1) 0s;
1651
1651
  width:var(--outer-size);
1652
1652
  }
1653
1653
  .v-switch__faux__pin:after,.v-switch__faux__pin:before{
@@ -1716,10 +1716,10 @@
1716
1716
  height:1px;
1717
1717
  overflow:hidden;
1718
1718
  position:absolute;
1719
+ white-space:nowrap;
1719
1720
  width:1px;
1720
1721
  clip:rect(0 0 0 0);
1721
1722
  clip-path:inset(100%);
1722
- white-space:nowrap;
1723
1723
  }
1724
1724
  .v-option:after,.v-option:before{
1725
1725
  content:"";
@@ -1781,10 +1781,10 @@
1781
1781
  height:1px;
1782
1782
  overflow:hidden;
1783
1783
  position:absolute;
1784
+ white-space:nowrap;
1784
1785
  width:1px;
1785
1786
  clip:rect(0 0 0 0);
1786
1787
  clip-path:inset(100%);
1787
- white-space:nowrap;
1788
1788
  }
1789
1789
  .v-select__body{
1790
1790
  padding:.5em 0;