@fastkit/vui 1.0.0 → 1.1.0
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 +6 -6
- package/dist/vui.d.ts +518 -399
- package/dist/vui.mjs +64 -33
- package/dist/vui.mjs.map +1 -1
- package/package.json +30 -26
- package/src/components/VCheckable/VCheckable.tsx +4 -1
- package/src/components/VControlField/VControlField.tsx +3 -1
- package/src/components/VDisabledReason/VDisabledReason.tsx +78 -7
- package/src/styles/core/functions.scss +4 -1
- package/src/styles/variables.scss +17 -12
|
@@ -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;
|
|
@@ -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{
|