eco-vue-js 0.10.35 → 0.10.37

package/dist/main.js

@@ -44,6 +44,7 @@ export { default as WFormAsyncToggle } from './components/FormAsync/WFormAsyncTo
 export { default as WHeaderBar } from './components/HeaderBar/WHeaderBar.vue.js';
 export { default as WImageViewer } from './components/ImageViewer/WImageViewer.vue.js';
 export { default as WInfiniteList } from './components/InfiniteList/WInfiniteList.vue.js';
+export { default as WInfiniteListScrollingElement } from './components/InfiniteList/WInfiniteListScrollingElement.vue.js';
 export { default as WInfiniteListWrapper } from './components/InfiniteList/WInfiniteListWrapper.vue.js';
 export { default as WInfoCard } from './components/InfoCard/WInfoCard.vue.js';
 export { default as WInfoCardNegative } from './components/InfoCard/WInfoCardNegative.vue.js';

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.10.35",
+  "version": "0.10.37",
   "scripts": {
     "build": "run-p type-check \"build-only {@}\" --",
     "dev": "vite build --mode development --watch",
@@ -256,6 +256,9 @@
     "./dist/components/InfiniteList/WInfiniteList.vue": {
       "import": "./dist/components/InfiniteList/WInfiniteList.vue.js"
     },
+    "./dist/components/InfiniteList/WInfiniteListScrollingElement.vue": {
+      "import": "./dist/components/InfiniteList/WInfiniteListScrollingElement.vue.js"
+    },
     "./dist/components/InfiniteList/WInfiniteListWrapper.vue": {
       "import": "./dist/components/InfiniteList/WInfiniteListWrapper.vue.js"
     },

package/tailwind-base/plugins/default.ts

@@ -32,25 +32,17 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
       values: theme('width'),
     },
   )
-
-  addUtilities({
-    '.max-w-inner': {
-      'max-width': 'calc(100vw - var(--actions-bar-width) - var(--nav-bar-width) - var(--inner-margin) - var(--inner-margin) - var(--scroll-bar-width))',
-    },
-    '.max-w-inner-no-actions': {
-      'max-width': 'calc(100vw - var(--nav-bar-width) - var(--inner-margin) - var(--inner-margin) - var(--scroll-bar-width))',
-    },
-    '.w-inner': {
-      width: 'calc(100vw - var(--actions-bar-width) - var(--nav-bar-width) - var(--inner-margin) - var(--inner-margin) - var(--scroll-bar-width))',
-    },
-    '.min-w-inner': {
-      'min-width': 'calc(100vw - var(--actions-bar-width) - var(--nav-bar-width) - var(--inner-margin) - var(--inner-margin) - var(--scroll-bar-width))',
-    },
-    '.left-inner': {
-      left: 'calc(var(--nav-bar-width) + var(--inner-margin))',
+  
+  addBase({
+    body: {
+      '--w-left-inner': 'calc(var(--nav-bar-width) + var(--inner-margin))',
+      '--w-right-inner': 'calc(var(--actions-bar-width) + var(--inner-margin))',
+      '--w-width-inner': 'calc(100vw - var(--actions-bar-width) - var(--nav-bar-width) - var(--inner-margin) - var(--inner-margin) - var(--scroll-bar-width))',
     },
-    '.right-inner': {
-      right: 'calc(var(--actions-bar-width) + var(--inner-margin))',
+    '.w-modal-wrapper': {
+      '--w-left-inner': 'var(--w-modal-wrapper-padding)',
+      '--w-right-inner': 'var(--w-modal-wrapper-padding)',
+      '--w-width-inner': 'calc(var(--w-modal-wrapper-width, 35rem) - var(--w-modal-wrapper-padding) - var(--w-modal-wrapper-padding) - var(--scroll-bar-width))',
     },
   })
 
@@ -449,6 +441,7 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
     {
       'w-skeleton-h': value => ({'--skeleton-height': value}),
       'w-input-h': value => ({'--w-input-height': value}),
+      'w-input-min-h': value => ({'--w-input-min-height': value}),
       'w-textarea-h': value => ({'--w-textarea-height': value}),
       'w-button-h': value => ({'--w-button-height': value}),
     },

package/tailwind-base/theme/sizes.ts

@@ -15,6 +15,11 @@ const newValues = {
   '--w-input-height': 'var(--w-input-height)',
   '--w-input-gap': 'var(--w-input-gap)',
   '--w-select-option-padding': 'var(--w-select-option-padding)',
+  '--left-inner': 'var(--w-left-inner)',
+  '--right-inner': 'var(--w-right-inner)',
+  '--width-inner': 'var(--w-width-inner)',
+  '--modal-header-height': 'var(--w-modal-header-height, 0px)',
+  '--modal-footer-height': 'var(--w-modal-footer-height, 0px)',
 }
 
 const extend = {