@fastkit/vui 0.16.5 → 0.16.7

package/dist/vui.css

@@ -1,5 +1,4 @@
 @layer vui-normalize, vui-color-scheme, vue-loading, vue-app-layout, vui;
-
 @layer vui-normalize{
   *,:after,:before{
     box-sizing:border-box;
@@ -620,8 +619,6 @@
     margin:var(--control-horizontal-margin) 0;
     max-width:100%;
   }
-}
-@layer vui{
   .v-form-control--invalid:not(.v-form-control--readonly){
     --my-label-color:var(--main-color);
     --my-message-color:var(--main-color);
@@ -700,131 +697,6 @@
     justify-content:center;
     transition:transform .15s linear;
   }
-}
-.v-tooltip{
-  --menu-shadow:var(--tooltip-shadow);
-  border-radius:var(--tooltip-radius);
-  font-size:var(--tooltip-font-size);
-}
-.v-tooltip .v-menu__body{
-  background:var(--tooltip-background) !important;
-  color:var(--tooltip-color) !important;
-}
-.v-tooltip__inner{
-  display:inline-block;
-  padding:var(--tooltip-padding);
-}
-.v-menu{
-  box-shadow:var(--menu-shadow);
-}
-.v-dialog,.v-menu{
-  border-radius:2px;
-}
-.v-dialog{
-  box-shadow:var(--dialog-shadow);
-  display:inline-block;
-  margin:24px;
-  min-width:280px;
-  outline:0;
-  pointer-events:auto;
-  position:relative;
-  text-align:left;
-}
-.v-dialog__header{
-  font-size:24px;
-  line-height:1.4;
-}
-.v-dialog__body,.v-dialog__header{
-  box-sizing:border-box;
-  padding:16px;
-}
-.v-dialog__body{
-  font-size:16px;
-  line-height:1.5;
-}
-.v-dialog--dense .v-dialog__body{
-  padding-bottom:0;
-}
-.v-dialog__actions{
-  align-items:center;
-  box-sizing:border-box;
-  display:flex;
-  justify-content:flex-end;
-  padding:8px;
-}
-.v-dialog--dense .v-dialog__actions{
-  padding-top:0;
-}
-.v-snackbar{
-  box-shadow:var(--snackbar-shadow);
-  font-size:14px;
-}
-.v-snackbar__inner{
-  align-items:center;
-  background-color:var(--main-color);
-  border-color:var(--border-color);
-  border-radius:inherit;
-  color:var(--text-color);
-  display:flex;
-  justify-content:space-between;
-  max-width:calc(100vw - 96px);
-  min-width:288px;
-  padding:8px 4px 8px 16px;
-  width:auto;
-}
-.v-snackbar__body{
-  flex:1 1 100%;
-  word-break:break-all;
-}
-.v-snackbar__actions{
-  flex:0 0 auto;
-  padding-left:20px;
-  white-space:nowrap;
-}
-.v-snackbar__close{
-  margin:0;
-}
-.v-sheet-modal{
-  --v-sheet-modal-width:90vw;
-  --v-sheet-modal-max-width:none;
-  --v-sheet-background:var(--palette-foundation);
-  bottom:0;
-  box-shadow:var(--dialog-shadow);
-  box-sizing:border-box;
-  display:flex;
-  flex-direction:column;
-  max-width:var(--v-sheet-modal-max-width);
-  outline:0;
-  padding:0;
-  position:fixed;
-  right:0;
-  top:0;
-  transition:transform var(--v-stack-transition-slowly);
-  width:var(--v-sheet-modal-width);
-}
-.v-sheet-modal__header{
-  background-color:var(--v-sheet-background);
-  flex:0 0;
-  position:relative;
-  z-index:1;
-}
-.v-sheet-modal__scroller{
-  -webkit-overflow-scrolling:touch;
-  background-color:var(--v-sheet-background);
-  flex:1 1;
-  height:100%;
-  overflow-y:auto;
-}
-.v-sheet-modal--has-active-child{
-  transform:translateX(calc(-100vw + var(--v-sheet-modal-width)));
-}
-.v-sheet-modal-enter-active,.v-sheet-modal-leave-active{
-  transition:transform var(--v-stack-transition-slowly);
-}
-.v-sheet-modal-enter-from,.v-sheet-modal-leave-to{
-  transform:translateX(var(--v-sheet-modal-width));
-}
-@layer vui{
   .v-skelton-loader-bone{
     background:rgba(0,0,0,.12);
     border-radius:inherit;
@@ -844,13 +716,6 @@
     transform:translateX(-100%);
     z-index:1;
   }
-}
-@keyframes v-skelton-loader-bone-loading{
-  to{
-    transform:translateX(100%);
-  }
-}
-@layer vui{
   .v-busy-image{
     display:inline-block;
     max-width:100%;
@@ -898,8 +763,6 @@
       opacity:1;
     }
   }
-}
-@layer vui{
   .v-grid-item{
     display:block;
   }
@@ -971,8 +834,6 @@
     vertical-align:bottom;
     width:var(--avatar-size);
   }
-}
-@layer vui{
   .v-avatar::-moz-focus-inner{
     border:0;
   }
@@ -1034,8 +895,6 @@
     vertical-align:bottom;
     white-space:nowrap;
   }
-}
-@layer vui{
   .v-chip::-moz-focus-inner{
     border:0;
   }
@@ -1091,8 +950,6 @@
     user-select:none;
     width:100%;
   }
-}
-@layer vui{
   .v-card::-moz-focus-inner{
     border:0;
   }
@@ -1120,8 +977,6 @@
   .v-card[disabled]:before{
     content:none;
   }
-}
-@layer vui{
   .v-card-content{
     padding:var(--card-content-padding);
   }
@@ -1173,8 +1028,6 @@
   .v-button--plain{
     color:inherit !important;
   }
-}
-@layer vui{
   .v-button--plain[disabled]{
     opacity:.5;
   }
@@ -1253,13 +1106,9 @@
     border-bottom-right-radius:0;
     border-top-right-radius:0;
   }
-}
-@layer vui{
   .v-button-group__item:focus{
     z-index:1;
   }
-}
-@layer vui{
   .v-pagination{
     --pagination-size:var(--pagination-item-size);
     --pagination-margin:var(--pagination-item-margin);
@@ -1372,8 +1221,6 @@
     --tile-text-active-color:var(--navActive-color, var(--nav-color));
     cursor:pointer;
   }
-}
-@layer vui{
   .v-list-tile--clickable:focus,.v-list-tile--clickable:hover{
     --tile-background:var(--tile-active-background);
     --tile-text-color:var(--tile-text-active-color);
@@ -1492,8 +1339,6 @@
     position:relative;
     width:100%;
   }
-}
-@layer vui{
   .v-control-field--invalid:not(.v-control-field--disabled):not(.v-control-field--readonly){
     --my-bottom-color:var(--main-color);
     --my-bottom-hover-color:var(--main-color);
@@ -1634,8 +1479,6 @@
   .v-checkable--checked{
     --color:var(--main-color);
   }
-}
-@layer vui{
   .v-checkable--invalid:not(.v-checkable--readonly){
     --color:var(--main-color);
   }
@@ -1716,8 +1559,6 @@
     transition:border-color .2s,background-color .2s;
     width:100%;
   }
-}
-@layer vui{
   .v-radio__faux:after,.v-radio__faux:before{
     border-radius:100%;
     content:"";
@@ -1740,8 +1581,6 @@
   .v-radio--selected .v-radio__faux:after{
     transform:translate(-50%, -50%) scale(1);
   }
-}
-@layer vui{
   .v-switch{
     --my-pin-color:var(--palette-background);
   }
@@ -1818,8 +1657,6 @@
   .v-switch:focus-within .v-switch__faux__pin:before{
     opacity:.1;
   }
-}
-@layer vui{
   .v-option{
     -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
     appearance:none;
@@ -1888,8 +1725,6 @@
   .v-option[disabled]:before,.v-option[tabindex="-1"]:before{
     opacity:0 !important;
   }
-}
-@layer vui{
   .v-option-group{
     display:block;
   }
@@ -1964,8 +1799,6 @@
     white-space:nowrap;
     width:100%;
   }
-}
-@layer vui{
   .v-text-field__input__element:-webkit-autofill:-webkit-autofill,.v-text-field__input__element:-webkit-autofill:-webkit-autofill:active,.v-text-field__input__element:-webkit-autofill:-webkit-autofill:focus,.v-text-field__input__element:-webkit-autofill:-webkit-autofill:hover{
     -webkit-text-fill-color:#fff !important;
     color:inherit !important;
@@ -1978,8 +1811,6 @@
     color:var(--control-disabled-color);
     font-style:italic;
   }
-}
-@layer vui{
   .v-textarea__input{
     cursor:text;
   }
@@ -2009,8 +1840,6 @@
     color:var(--control-disabled-color);
     font-style:italic;
   }
-}
-@layer vui{
   .v-tabs{
     height:var(--tabs-height);
     overflow:hidden;
@@ -2065,8 +1894,6 @@
     white-space:nowrap;
     z-index:3;
   }
-}
-@layer vui{
   .v-tab::-moz-focus-inner{
     border:0;
   }
@@ -2113,8 +1940,6 @@
   .v-tab--active:before{
     transform:scaleX(1);
   }
-}
-@layer vui{
   .v-breadcrumbs{
     display:block;
     font-size:var(--breadcrumbs-font-size);
@@ -2243,14 +2068,6 @@
     flex:1 1 100%;
     margin-left:auto;
   }
-}
-@layer vui{
-  @media screen and (min-width:320px){
-    .v-data-table__controls__pagination{
-      flex:0 0 50%;
-      width:50%;
-    }
-  }
   .v-data-table__header{
     margin-bottom:var(--controls-vertial-margin);
   }
@@ -2361,8 +2178,6 @@
   .v-toolbar--plain{
     --main-color:var(--palette-background);
   }
-}
-@layer vui{
   .v-app-layout__header>.v-toolbar{
     height:100%;
   }
@@ -2380,8 +2195,6 @@
     display:flex;
     flex:0 0;
   }
-}
-@layer vui{
   .v-toolbar-edge--empty,.v-toolbar-edge:empty{
     display:none;
   }
@@ -2403,6 +2216,139 @@
     margin:0;
     white-space:nowrap;
   }
+  @media screen and (min-width:320px){
+    .v-data-table__controls__pagination{
+      flex:0 0 50%;
+      width:50%;
+    }}
+}
+.v-tooltip{
+  --menu-shadow:var(--tooltip-shadow);
+  border-radius:var(--tooltip-radius);
+  font-size:var(--tooltip-font-size);
+}
+.v-tooltip .v-menu__body{
+  background:var(--tooltip-background) !important;
+  color:var(--tooltip-color) !important;
+}
+.v-tooltip__inner{
+  display:inline-block;
+  padding:var(--tooltip-padding);
+}
+.v-menu{
+  box-shadow:var(--menu-shadow);
+}
+.v-dialog,.v-menu{
+  border-radius:2px;
+}
+.v-dialog{
+  box-shadow:var(--dialog-shadow);
+  display:inline-block;
+  margin:24px;
+  min-width:280px;
+  outline:0;
+  pointer-events:auto;
+  position:relative;
+  text-align:left;
+}
+.v-dialog__header{
+  font-size:24px;
+  line-height:1.4;
+}
+.v-dialog__body,.v-dialog__header{
+  box-sizing:border-box;
+  padding:16px;
+}
+.v-dialog__body{
+  font-size:16px;
+  line-height:1.5;
+}
+.v-dialog--dense .v-dialog__body{
+  padding-bottom:0;
+}
+.v-dialog__actions{
+  align-items:center;
+  box-sizing:border-box;
+  display:flex;
+  justify-content:flex-end;
+  padding:8px;
+}
+.v-dialog--dense .v-dialog__actions{
+  padding-top:0;
+}
+.v-snackbar{
+  box-shadow:var(--snackbar-shadow);
+  font-size:14px;
+}
+.v-snackbar__inner{
+  align-items:center;
+  background-color:var(--main-color);
+  border-color:var(--border-color);
+  border-radius:inherit;
+  color:var(--text-color);
+  display:flex;
+  justify-content:space-between;
+  max-width:calc(100vw - 96px);
+  min-width:288px;
+  padding:8px 4px 8px 16px;
+  width:auto;
+}
+.v-snackbar__body{
+  flex:1 1 100%;
+  word-break:break-all;
+}
+.v-snackbar__actions{
+  flex:0 0 auto;
+  padding-left:20px;
+  white-space:nowrap;
+}
+.v-snackbar__close{
+  margin:0;
+}
+.v-sheet-modal{
+  --v-sheet-modal-width:90vw;
+  --v-sheet-modal-max-width:none;
+  --v-sheet-background:var(--palette-foundation);
+  bottom:0;
+  box-shadow:var(--dialog-shadow);
+  box-sizing:border-box;
+  display:flex;
+  flex-direction:column;
+  max-width:var(--v-sheet-modal-max-width);
+  outline:0;
+  padding:0;
+  position:fixed;
+  right:0;
+  top:0;
+  transition:transform var(--v-stack-transition-slowly);
+  width:var(--v-sheet-modal-width);
+}
+.v-sheet-modal__header{
+  background-color:var(--v-sheet-background);
+  flex:0 0;
+  position:relative;
+  z-index:1;
+}
+.v-sheet-modal__scroller{
+  -webkit-overflow-scrolling:touch;
+  background-color:var(--v-sheet-background);
+  flex:1 1;
+  height:100%;
+  overflow-y:auto;
+}
+.v-sheet-modal--has-active-child{
+  transform:translateX(calc(-100vw + var(--v-sheet-modal-width)));
+}
+.v-sheet-modal-enter-active,.v-sheet-modal-leave-active{
+  transition:transform var(--v-stack-transition-slowly);
+}
+.v-sheet-modal-enter-from,.v-sheet-modal-leave-to{
+  transform:translateX(var(--v-sheet-modal-width));
+}
+@keyframes v-skelton-loader-bone-loading{
+  to{
+    transform:translateX(100%);
+  }
 }
 /*!
  * Forked from

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fastkit/vui",
-  "version": "0.16.5",
+  "version": "0.16.7",
   "description": "A simple, extensible UI kit for Vue applications.",
   "keywords": [
     "fastkit",
@@ -44,29 +44,29 @@
     "src"
   ],
   "dependencies": {
-    "@fastkit/color-scheme": "1.0.6",
-    "@fastkit/color-scheme-gen": "0.13.6",
+    "@fastkit/color-scheme": "1.0.7",
+    "@fastkit/color-scheme-gen": "0.13.7",
     "@fastkit/dom": "0.1.1",
     "@fastkit/helpers": "0.13.1",
-    "@fastkit/icon-font": "1.0.5",
-    "@fastkit/media-match": "1.0.5",
-    "@fastkit/media-match-gen": "0.13.6",
+    "@fastkit/icon-font": "1.0.6",
+    "@fastkit/media-match": "1.0.6",
+    "@fastkit/media-match-gen": "0.13.7",
     "@fastkit/rules": "0.13.1",
     "@fastkit/stylebase": "0.13.0",
     "@fastkit/tiny-logger": "0.13.1",
     "@fastkit/vue-action": "0.2.1",
-    "@fastkit/vue-app-layout": "0.14.0",
+    "@fastkit/vue-app-layout": "0.14.1",
     "@fastkit/vue-body-scroll-lock": "0.1.2",
     "@fastkit/vue-click-outside": "0.1.2",
-    "@fastkit/vue-color-scheme": "0.14.0",
+    "@fastkit/vue-color-scheme": "0.14.1",
     "@fastkit/vue-form-control": "0.15.0",
     "@fastkit/vue-keyboard": "0.1.1",
-    "@fastkit/vue-loading": "0.14.1",
+    "@fastkit/vue-loading": "0.14.2",
     "@fastkit/vue-location": "0.1.2",
-    "@fastkit/vue-media-match": "0.13.6",
+    "@fastkit/vue-media-match": "0.13.7",
     "@fastkit/vue-resize": "0.1.2",
-    "@fastkit/vue-scroller": "0.14.0",
-    "@fastkit/vue-stack": "0.15.4",
+    "@fastkit/vue-scroller": "0.14.1",
+    "@fastkit/vue-stack": "0.15.6",
     "@fastkit/vue-transitions": "0.1.2",
     "@fastkit/vue-utils": "0.14.0"
   },