@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.
- package/dist/after-effects/display-flow.scss +2 -2
- package/dist/vui.css +9 -9
- package/dist/vui.d.ts +517 -396
- package/dist/vui.mjs +85 -76
- package/dist/vui.mjs.map +1 -1
- package/package.json +32 -28
- package/src/components/VAvatar/VAvatar.scss +4 -4
- package/src/components/VAvatar/VAvatar.tsx +0 -1
- package/src/components/VBreadcrumbs/VBreadcrumbs.scss +2 -2
- package/src/components/VBreadcrumbs/VBreadcrumbs.tsx +1 -1
- package/src/components/VBusyImage/VBusyImage.scss +1 -1
- package/src/components/VButton/VButton.scss +3 -3
- package/src/components/VButton/VButton.tsx +0 -1
- package/src/components/VCard/VCard.scss +2 -2
- package/src/components/VCheckable/VCheckable.scss +1 -1
- package/src/components/VCheckable/VCheckable.tsx +4 -1
- package/src/components/VCheckbox/VCheckbox.scss +3 -3
- package/src/components/VCheckbox/VCheckbox.tsx +0 -1
- package/src/components/VChip/VChip.scss +4 -4
- package/src/components/VChip/VChip.tsx +0 -1
- package/src/components/VControlField/VControlField.scss +1 -1
- package/src/components/VControlField/VControlField.tsx +4 -3
- package/src/components/VDataTable/VDataTable.scss +3 -3
- package/src/components/VDataTable/VDataTable.tsx +0 -2
- package/src/components/VDialog/VDialog.scss +1 -1
- package/src/components/VDisabledReason/VDisabledReason.scss +1 -1
- package/src/components/VDisabledReason/VDisabledReason.tsx +78 -7
- package/src/components/VForm/VForm.tsx +20 -8
- package/src/components/VFormControl/VFormControl.scss +1 -1
- package/src/components/VFormControl/VFormControl.tsx +2 -6
- package/src/components/VFormGroup/VFormGroup.tsx +0 -1
- package/src/components/VGrid/schemes.ts +0 -1
- package/src/components/VListTile/VListTile.scss +1 -1
- package/src/components/VListTile/VListTile.tsx +0 -2
- package/src/components/VNavigation/VNavigation.tsx +1 -2
- package/src/components/VNavigation/VNavigationItem.tsx +1 -4
- package/src/components/VNumberField/VNumberField.tsx +0 -1
- package/src/components/VOption/VOption.scss +1 -1
- package/src/components/VOption/VOption.tsx +0 -1
- package/src/components/VPagination/VPagination.scss +2 -2
- package/src/components/VPagination/VPagination.tsx +1 -2
- package/src/components/VRadio/VRadio.scss +1 -1
- package/src/components/VRadio/VRadio.tsx +0 -1
- package/src/components/VSelect/VSelect.scss +2 -2
- package/src/components/VSelect/VSelect.tsx +1 -3
- package/src/components/VSheetModal/VSheetModal.tsx +0 -1
- package/src/components/VSkeltonLoader/VSkeltonLoaderBone.scss +4 -4
- package/src/components/VSwitch/VSwitch.scss +1 -1
- package/src/components/VSwitch/VSwitch.tsx +0 -1
- package/src/components/VTabs/VTab.scss +3 -3
- package/src/components/VTabs/VTabs.tsx +1 -4
- package/src/components/VTextField/VTextField.scss +3 -3
- package/src/components/VTextField/VTextField.tsx +0 -1
- package/src/components/VTextarea/VTextarea.scss +2 -2
- package/src/components/VTextarea/VTextarea.tsx +0 -1
- package/src/components/VToolbar/VToolbarMenu.tsx +0 -1
- package/src/composables/form-selector.tsx +1 -2
- package/src/plugin.tsx +1 -2
- package/src/service.tsx +0 -1
- package/src/styles/base.scss +2 -2
- package/src/styles/core/functions.scss +8 -4
- package/src/styles/core.scss +2 -2
- package/src/styles/elevation.scss +1 -1
- package/src/styles/group.scss +3 -3
- package/src/styles/index.scss +7 -7
- package/src/styles/typo.scss +1 -1
- 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)
|
|
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)
|
|
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)
|
|
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)
|
|
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)
|
|
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)
|
|
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;
|