eco-vue-js 0.11.44 → 0.11.46

package/dist/components/ActionsBar/WActionsBar.vue.js

@@ -42,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["height-full bg-default dark:bg-default-dark sm-not:[--actions-bar-filter-width:calc(100vw-var(--w-actions-bar-width))] fixed right-0 top-0 grid grid-cols-[var(--actions-bar-filter-width-current,0),var(--w-actions-bar-width)] grid-rows-[var(--header-height),1fr] justify-end overflow-hidden shadow-md transition-[grid-template-columns] duration-300 print:hidden", {
+        class: normalizeClass(["height-full w-actions-bar sm-not:[--actions-bar-filter-width:calc(100vw-var(--w-actions-bar-width))] fixed right-0 top-0 grid grid-cols-[var(--actions-bar-filter-width-current,0),var(--w-actions-bar-width)] grid-rows-[var(--header-height),1fr] justify-end overflow-hidden transition-[grid-template-columns] duration-300 print:hidden", {
           "[--actions-bar-filter-width-current:var(--actions-bar-filter-width)]": isOpen.value && hasFilter.value
         }]),
         style: normalizeStyle({ zIndex: unref(BASE_ZINDEX_ACTIONS_BAR) })

package/dist/components/Button/WButtonAction.vue.js

@@ -38,10 +38,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           _ctx.skeleton ? (openBlock(), createBlock(_sfc_main$2, {
             key: 0,
-            class: "w-skeleton-w-auto w-skeleton-h-auto w-skeleton-rounded-full mx-1 aspect-square"
+            class: "w-skeleton-w-auto w-skeleton-h-auto w-skeleton-rounded-[--w-button-action-rounded,9999px] mx-1 aspect-square"
           })) : (openBlock(), createElementBlock("div", {
             key: 1,
-            class: normalizeClass(["relative mx-1 grid aspect-square select-none gap-1 rounded-full bg-[200%_auto] [background-position:right]", {
+            class: normalizeClass(["relative mx-1 grid aspect-square select-none gap-1 rounded-[--w-button-action-rounded,9999px] bg-[200%_auto] [background-position:right]", {
               "w-ripple w-ripple-hover cursor-pointer": !_ctx.disabled && !_ctx.skeleton,
               "text-primary dark:text-primary-dark": _ctx.active && _ctx.semanticType === unref(SemanticType).SECONDARY,
               [unref(semanticTypeBackgroundMap)[_ctx.semanticType]]: true

package/dist/components/Checkbox/WCheckbox.vue.js

@@ -57,7 +57,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }), [
         createElementVNode("div", {
           class: normalizeClass(["square-[1.5em] bg-default dark:bg-default-dark relative isolate flex items-center justify-center border border-solid [font-size:--w-checkbox-size]", {
-            "text-default": _ctx.modelValue && !unref(isDisabled) && !unref(isSkeleton),
+            "text-[--w-checkbox-color,#ffffff]": _ctx.modelValue && !unref(isDisabled) && !unref(isSkeleton),
             "text-primary dark:text-primary-dark": !_ctx.modelValue && !unref(isDisabled) && !unref(isSkeleton),
             "text-gray-300 dark:text-gray-700": !_ctx.modelValue && unref(isDisabled) && !unref(isSkeleton),
             "w-ripple w-hover-circle before:text-accent after:text-accent": !unref(isDisabled) && !unref(isReadonly) && !unref(isSkeleton),

package/dist/components/Nav/WNavBar.vue.js

@@ -3,7 +3,7 @@ import IconMenu from '../../assets/icons/IconMenu.svg.js';
 import { useIsMobile } from '../../utils/mobile.js';
 import { wBaseZIndex, BASE_ZINDEX_NAV_BAR } from '../../utils/utils.js';
 
-const _hoisted_1 = { class: "bg-default dark:bg-default-dark -mt--header-height overflow-hidden" };
+const _hoisted_1 = { class: "-mt--header-height overflow-hidden" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WNavBar",
   emits: ["update:isOpen"],
@@ -45,10 +45,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           _: 1
         }),
         createElementVNode("div", {
-          class: normalizeClass(["xl-not:bg-default xl-not:dark:bg-default-dark fixed left-0 top-0 grid h-full overflow-hidden shadow-md transition-[grid-template-columns] duration-200 xl:grid-cols-[1fr] xl:shadow-none print:hidden", {
+          class: normalizeClass(["w-nav-bar fixed left-0 top-0 grid h-full overflow-hidden transition-[grid-template-columns] duration-200 xl:grid-cols-[1fr] print:hidden", [{
             "xl-not:grid-cols-[0fr]": !isOpen.value,
             "grid-cols-[1fr]": isOpen.value
-          }]),
+          }, _ctx.$attrs.class]]),
           style: normalizeStyle({ zIndex: unref(BASE_ZINDEX_NAV_BAR) })
         }, [
           createElementVNode("div", _hoisted_1, [

package/dist/components/Nav/WNavItem.vue.js

@@ -11,7 +11,7 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = {
   key: 0,
-  class: "absolute left-7 top-0 flex h-full items-center"
+  class: "absolute left-3 top-0 flex h-full items-center"
 };
 const _hoisted_3 = { class: "[overflow:inherit]" };
 const _hoisted_4 = { class: "flex items-center" };

package/dist/components/Nav/WNavItemExpand.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WNavItemExpand.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/WNavItemExpand.vue"],"names":[],"mappings":"AAmFA;AA8KA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAE/C,OAAO,EAAC,KAAK,KAAK,EAAY,QAAQ,EAAwD,MAAM,KAAK,CAAA;AA2FzG,iBAAS,cAAc;WA2MT,OAAO,IAA6B;;kBAxNtC,MAAM,KAAK,EAAE;eAChB,MAAM,KAAK,EAAE;;kBADV,MAAM,KAAK,EAAE;eAChB,MAAM,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA2QutP,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;EA/Cl2P;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAwBwtP,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;kBAfj2P,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WNavItemExpand.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/WNavItemExpand.vue"],"names":[],"mappings":"AAmFA;AA8KA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAE/C,OAAO,EAAC,KAAK,KAAK,EAAY,QAAQ,EAAwD,MAAM,KAAK,CAAA;AA2FzG,iBAAS,cAAc;WA2MT,OAAO,IAA6B;;kBAxNtC,MAAM,KAAK,EAAE;eAChB,MAAM,KAAK,EAAE;;kBADV,MAAM,KAAK,EAAE;eAChB,MAAM,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA2Q04P,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;EA/CrhQ;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAwB24P,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;kBAfphQ,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Nav/WNavItemExpand.vue.js

@@ -9,7 +9,7 @@ import _sfc_main$3 from './WNavItem.vue.js';
 import WNavItemTransition from './WNavItemTransition.vue.js';
 import _sfc_main$2 from '../ClickOutside/WClickOutside.vue.js';
 
-const _hoisted_1 = { class: "bg-default dark:bg-default-dark w-nav-bar-width overflow-hidden rounded-xl border border-solid border-gray-200 text-start font-normal shadow dark:border-gray-800" };
+const _hoisted_1 = { class: "w-nav-bar w-nav-bar-width overflow-hidden rounded-xl border border-solid border-gray-200 text-start font-normal shadow dark:border-gray-800" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WNavItemExpand",
   props: {

package/dist/components/Toggle/WToggle.vue.js

@@ -113,7 +113,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, [
               createElementVNode("div", _hoisted_3, [
                 createElementVNode("div", {
-                  class: normalizeClass(["bg-default text-primary dark:text-primary-dark absolute z-10 flex aspect-square h-full items-center justify-center rounded-full shadow-md transition-[right]", {
+                  class: normalizeClass(["text-primary dark:text-primary-dark absolute z-10 flex aspect-square h-full items-center justify-center rounded-full bg-[--w-toggle-caret,#ffffff] shadow-md transition-[right]", {
                     "right-[calc(100%-(var(--w-input-height)-0.75rem))]": value.value === false,
                     "right-[calc(50%-(var(--w-input-height)-0.75rem)/2)]": value.value === null,
                     "right-0": value.value === true,

package/dist/types/global.d.ts

@@ -1,4 +1,4 @@
-declare type SVGComponent = import('vue').Raw<import('vue').FunctionalComponent<import('vue').SVGAttributes>>
+declare type SVGComponent = import('vue').Raw<import('vue').FunctionalComponent<import('vue').SVGAttributes>> | keyof import('vue').GlobalComponents
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 declare type ComponentInstance<T> = T extends new (...args: any[]) => infer R

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.11.44",
+  "version": "0.11.46",
   "dependencies": {
     "@stylistic/eslint-plugin": "5.2.3",
     "@tanstack/eslint-plugin-query": "5.83.1",

package/tailwind-base/index.ts

@@ -11,8 +11,6 @@ import pluginText from './plugins/text.js'
 import pluginHoverCircle from './plugins/w-hover-circle.js'
 import pluginRipple from './plugins/w-ripple.js'
 import animations from './theme/animations.js'
-import score from './theme/score.js'
-import severity from './theme/severity.js'
 import sizes from './theme/sizes.js'
 
 const tailwindBase = {
@@ -26,6 +24,8 @@ const tailwindBase = {
   theme: {
     colors: {
       current: 'currentColor',
+      transparent: 'transparent',
+
       default: '#ffffff',
       'default-dark': colors.zinc['900'], // '#101827',
 
@@ -51,10 +51,23 @@ const tailwindBase = {
       info: '#82adff',
       'info-dark': '#407ae5',
 
-      severity,
-      score,
-
-      transparent: 'transparent',
+      severity: {
+        critical: {bg: '#ff757520', text: '#FF7171'},
+        high: {bg: '#ffbc7035', text: '#FF9B63'},
+        medium: {bg: '#fff06b45', text: '#F4CF4D'},
+        low: {bg: '#8cff7330', text: '#6AD682'},
+        info: {bg: '#75acff20', text: '#82ADFF'},
+        resolved: {bg: '#8778fc15', text: '#4F4F4F'},
+      },
+      score: {
+        critical: {bg: '#ff73bb30', text: '#f95f95'},
+        high: {bg: '#ff757c25', text: '#f8808e'},
+        medium: {bg: '#ffe57030', text: '#ebc17b'},
+        low: {bg: '#93ff7330', text: '#88cd83'},
+        negligible: {bg: '#70ffb030', text: '#38cba4'},
+        nullable: {bg: '#73d5ff30', text: '#44b0ef'},
+        undefinedly: {bg: '#7affff10', text: '#c9e3ef'},
+      },
     },
     extend: {
       ...sizes,

package/tailwind-base/plugins/internal-variables.ts

@@ -10,6 +10,9 @@ const pluginDefault = plugin(function ({matchUtilities, theme}) {
       'w-input-bg': value => ({'--w-input-bg': value}),
       'w-slider-from': value => ({'--w-slider-from': value}),
       'w-slider-to': value => ({'--w-slider-to': value}),
+      'w-toggle-caret': value => ({'--w-toggle-caret': value}),
+      'w-checkbox-color': value => ({'--w-checkbox-color': value}),
+      'w-nav-item-dot-color': value => ({'--w-nav-item-dot-color': value}),
     },
     {values: flattenColorPalette(theme('colors'))},
   )
@@ -68,6 +71,7 @@ const pluginDefault = plugin(function ({matchUtilities, theme}) {
       '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}),
+      'w-button-action-rounded': value => ({'--w-button-action-rounded': value}),
     },
     {values: theme('borderRadius')},
   )

package/tailwind-base/theme/score.ts

@@ -1,30 +0,0 @@
-export default {
-  critical: {
-    bg: '#ff73bb30',
-    text: '#f95f95',
-  },
-  high: {
-    bg: '#ff757c25',
-    text: '#f8808e',
-  },
-  medium: {
-    bg: '#ffe57030',
-    text: '#ebc17b',
-  },
-  low: {
-    bg: '#93ff7330',
-    text: '#88cd83',
-  },
-  negligible: {
-    bg: '#70ffb030',
-    text: '#38cba4',
-  },
-  nullable: {
-    bg: '#73d5ff30',
-    text: '#44b0ef',
-  },
-  undefinedly: {
-    bg: '#7affff10',
-    text: '#c9e3ef',
-  },
-}

package/tailwind-base/theme/severity.ts

@@ -1,31 +0,0 @@
-export default {
-  critical: {
-    bg: '#ff757520',
-    text: '#FF7171',
-  },
-
-  high: {
-    bg: '#ffbc7035',
-    text: '#FF9B63',
-  },
-
-  medium: {
-    bg: '#fff06b45',
-    text: '#F4CF4D',
-  },
-
-  low: {
-    bg: '#8cff7330',
-    text: '#6AD682',
-  },
-
-  info: {
-    bg: '#75acff20',
-    text: '#82ADFF',
-  },
-
-  resolved: {
-    bg: '#8778fc15',
-    text: '#4F4F4F',
-  },
-}