eco-vue-js 0.10.12 → 0.10.14

package/tailwind-base/plugins/default.ts

@@ -27,70 +27,12 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
           width: value,
         }
       },
-      'chunk-gap': value => {
-        return {
-          '--split-to-chunks-gap': value,
-        }
-      },
-      'w-spinner-size': value => {
-        return {
-          '--spinner-size': value,
-        }
-      },
-      'w-modal-wrapper-padding': value => {
-        return {
-          '--modal-wrapper-padding': value,
-        }
-      },
     },
     {
       values: theme('width'),
     },
   )
 
-  matchUtilities(
-    {
-      'split-to-chunks': (width) => {
-        const value = Number.parseFloat(width)
-        const unit = width.replace(value.toString(), '')
-
-        return Array(4).fill(undefined).reduce(
-          (current, _, index) => {
-            const widthValue = `calc(((100% / ${ index + 2 }) * var(--split-to-chunks-span, 1)) - (var(--split-to-chunks-gap, 16px) * ${ (index + 1) } / ${ (index + 2) }))`
-
-            return {
-              ...current,
-              [`@media (min-width: ${ value * (index + 2) + (index < 1 ? 2 : 25.25) }${ unit })`]: {
-                width: widthValue,
-                minWidth: widthValue,
-              },
-            }
-          },
-          {
-            width: '100%',
-            minWidth: '100%',
-          },
-        )
-      },
-    },
-    {
-      values: theme('chunks'),
-    },
-  )
-
-  matchUtilities(
-    {
-      'chunk-span': value => {
-        return {
-          '--split-to-chunks-span': value,
-        }
-      },
-    },
-    {
-      values: theme('chunk-span'),
-    },
-  )
-
   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))',
@@ -226,6 +168,28 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
     },
   })
 
+  addBase({
+    '.w-option': {
+      'min-height': 'var(--w-option-height)',
+      'border-radius': 'var(--w-option-rounded)',
+
+      '--w-skeleton-height': 'var(--w-option-height)',
+      '--w-skeleton-rounded': 'var(--w-option-rounded)',
+    },
+    '.w-option-has-bg, *:has(.w-option-has-bg) + .w-option-has-bg-input, .w-option-has-bg + .w-option-has-bg-input': {
+      'padding-left': 'var(--w-option-padding)',
+      'padding-right': 'var(--w-option-padding)',
+    },
+    '.w-option-has-bg .w-option-button': {
+      'margin-right': 'calc(var(--w-option-rounded) * -1)',
+    },
+    body: {
+      '--w-option-height': 'calc(var(--w-input-height,2.75rem) - (var(--w-input-gap,0.25rem) * 2) - 2px)',
+      '--w-option-rounded': 'calc(var(--w-input-rounded,0.75rem) - var(--w-input-gap,0.25rem))',
+      '--w-option-padding': 'var(--w-input-rounded,0.75rem)',
+    },
+  })
+
   matchUtilities(
     {
       'w-scroll-bar-color': value => {
@@ -464,6 +428,14 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
     {
       'w-skeleton-w': value => ({'--skeleton-width': value}),
       'w-list-card-w': value => ({'--w-list-card-width': value}),
+      'w-checkbox-size': value => ({'--w-checkbox-size': value}),
+      'w-input-gap': value => ({'--w-input-gap': value}),
+      'w-spinner-size': value => ({'--w-spinner-size': value}),
+      'w-modal-wrapper-p': value => ({'--w-modal-wrapper-padding': value}),
+      'w-modal-wrapper-w': value => ({'--w-modal-wrapper-width': value}),
+      'w-list-header-h': value => ({'--w-list-header-height': value}),
+      'w-list-padding': value => ({'--w-list-padding': value}),
+      'grid-cols-fill': value => ({'grid-template-columns': `repeat(auto-fill, minmax(${ value }, 1fr))`}),
     },
     {
       values: theme('width'),
@@ -490,6 +462,8 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
       'w-ripple-rounded': value => ({'--w-ripple-rounded': value}),
       'w-list-rounded': value => ({'--w-list-rounded': value}),
       'w-option-rounded': value => ({'--w-option-rounded': value}),
+      'w-modal-wrapper-rounded': value => ({'--w-modal-wrapper-rounded': value}),
+      'w-list-header-rounded': value => ({'--w-list-header-rounded': value}),
     },
     {
       values: theme('borderRadius'),

package/tailwind-base/theme/sizes.ts

@@ -1,6 +1,25 @@
+const newValues = {
+  '8xl': '88rem',
+  '9xl': '96rem',
+  '10xl': '104rem',
+
+  '--header-height': 'var(--header-height)',
+  '--header-padding-bottom': 'var(--header-padding-bottom)',
+  '--nav-bar-width': 'var(--nav-bar-width)',
+  '--actions-bar-width': 'var(--actions-bar-width)',
+  '--actions-bar-inner-width': 'var(--actions-bar-inner-width)',
+  '--inner-margin': 'var(--inner-margin)',
+  '--inner-width-diff': 'var(--inner-width-diff)',
+  '--w-modal-wrapper-padding': 'var(--w-modal-wrapper-padding)',
+  '--w-option-padding': 'var(--w-option-padding)',
+  '--w-input-height': 'var(--w-input-height)',
+  '--w-input-gap': 'var(--w-input-gap)',
+}
+
 const extend = {
   1.25: '0.3125rem',
   6: '1.5rem',
+  8.5: '2.125rem',
   10: '2.5rem',
   11: '2.75rem',
   15: '3.75rem',
@@ -9,19 +28,18 @@ const extend = {
   30: '7.5rem',
   34: '8.5rem',
   36: '9rem',
+  112: '28rem',
+
+  ...newValues,
 }
 
 export default {
-  height: {
-    8.5: '2.125rem',
-    18: '4.5rem',
-  },
-  width: {
-    8.5: '2.125rem',
-    18: '4.5rem',
-  },
+  height: extend,
+  width: extend,
   maxWidth: extend,
   minWidth: extend,
   padding: extend,
   margin: extend,
+  inset: extend,
+  gap: extend,
 }

package/dist/components/HeaderBar/use/useHeaderPadding.d.ts

@@ -1,5 +0,0 @@
-export declare const useHeaderPadding: () => {
-    headerPadding: import('vue').Ref<number, number>;
-    updateHeaderPadding: (value: number) => void;
-};
-//# sourceMappingURL=useHeaderPadding.d.ts.map

package/dist/components/HeaderBar/use/useHeaderPadding.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useHeaderPadding.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderBar/use/useHeaderPadding.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB;;iCACS,MAAM;CAQ3C,CAAA"}