eco-vue-js 0.3.67

package/tailwind-base/plugins/default.cjs

@@ -0,0 +1,456 @@
+const plugin = require('tailwindcss/plugin')
+
+module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, addBase, theme, addComponents}) {
+  matchUtilities(
+    {
+      square: (value) => {
+        return {
+          minWidth: value,
+          maxWidth: value,
+          width: value,
+          height: value,
+          maxHeight: value,
+          minHeight: value,
+        }
+      },
+      height: (value) => {
+        return {
+          height: value,
+          maxHeight: value,
+          minHeight: value,
+        }
+      },
+      width: (value) => {
+        return {
+          minWidth: value,
+          maxWidth: value,
+          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'),
+    },
+  )
+
+  addVariant('supports-backdrop', '@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none))')
+  addVariant('supports-overlay', '@supports (overflow: overlay)')
+  addVariant('supports-overlay-not', '@supports (not (overflow: overlay))')
+  addVariant('touch', '.touch &')
+  addVariant('touch-not', '.touch-not &')
+
+  addBase({
+    'input': {
+      'outline': 'none',
+
+      '--input-autofill-bg': theme('colors.default'),
+      '--input-autofull-text': theme('colors.black.default'),
+      '.dark &':{
+        '--input-autofill-bg': theme('colors.default-dark'),
+        '--input-autofull-text': theme('colors.gray.100'),
+      },
+
+      '&:focus-visible': {
+        'outline': 'none',
+      },
+
+      '&[autocomplete="off"]': {
+        '&::-webkit-contacts-auto-fill-button, &::-webkit-credentials-auto-fill-button': {
+          'visibility': 'hidden',
+          'display': 'none !important',
+          'pointer-events': 'none',
+          'height': '0',
+          'width': '0',
+          'margin': '0',
+        },
+      },
+
+      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {
+        '-webkit-appearance': 'none',
+        'appearance': 'none',
+        'margin': '0',
+      },
+
+      '&:-webkit-autofill': {
+        '&, &:hover, &:focus, &:active': {
+          '-webkit-box-shadow': '0 0 0 30px var(--input-autofill-bg) inset !important',
+          '-webkit-text-fill-color': 'var(--input-autofull-text) !important;',
+        },
+      },
+
+      '&[type=number]': {
+        '-moz-appearance': 'textfield',
+        'appearance': 'textfield',
+      },
+
+      '&::-webkit-textfield-decoration-container, &:focus::-webkit-textfield-decoration-container': {
+        'visibility': 'hidden',
+        'pointer-events': 'none',
+      },
+    },
+  })
+
+  addBase({
+    '.w-scrollbar': {
+      '&::-webkit-scrollbar, & ::-webkit-scrollbar': {
+        'width': '12px',
+        'height': '12px',
+        'z-index': '500',
+      },
+      '&::-webkit-scrollbar-button, & ::-webkit-scrollbar-button': {
+        'display': 'none',
+      },
+      '&::-webkit-scrollbar-thumb, & ::-webkit-scrollbar-thumb': {
+        'border-radius': '5px',
+        'border-color': 'transparent',
+        'border-style': 'solid',
+        'border-width': '2px',
+        'background-clip': 'padding-box',
+        'background-color': 'var(--w-scroll-bar-color)',
+        '&:hover': {
+          'background-color': 'var(--w-scroll-bar-color-hover)',
+        },
+      },
+      '&::-webkit-scrollbar-track, & ::-webkit-scrollbar-track, &::-webkit-scrollbar-corner, & ::-webkit-scrollbar-corner': {
+        'background': 'transparent',
+      },
+    },
+    'html.w-scrollbar': {
+      '@supports (overflow: overlay)': {
+        'overflow-y': 'overlay',
+      },
+      '@supports (not (overflow: overlay))': {
+        'overflow-y': 'auto',
+      },
+    },
+    'textarea::-webkit-resizer': {
+      'transform': 'scale(2)',
+      'transform-origin': 'top left',
+      'background-size': '7px 7px',
+      'background-position': 'top',
+      'background-image': 'linear-gradient(135deg, currentColor 10%, transparent 10%, transparent 50%, currentColor 50%, currentColor 60%, transparent 60%, transparent 100%)',
+      'color': theme('colors.gray.300'),
+      '.dark &': {
+        'color': theme('colors.gray.700'),
+      },
+    },
+  })
+
+  matchUtilities(
+    {
+      'w-scroll-bar-color': (value) => {
+        return {
+          '--w-scroll-bar-color': value,
+        }
+      },
+      'w-scroll-bar-color-hover': (value) => {
+        return {
+          '--w-scroll-bar-color-hover': value,
+        }
+      },
+    },
+    {
+      values: theme('colors'),
+    },
+  )
+
+  addUtilities({
+    '.rounded-inherit': {
+      'border-radius': 'inherit',
+    },
+    '.no-scrollbar': {
+      '&::-webkit-scrollbar': {
+         'display': 'none',
+      },
+    },
+    '.overflow-y-overlay': {
+      '@supports (overflow: overlay)': {
+        'overflow-y': 'overlay',
+      },
+      '@supports (not (overflow: overlay))': {
+        'overflow-y': 'auto',
+      },
+    },
+    '.overflow-x-overlay': {
+      '@supports (overflow: overlay)': {
+        'overflow-x': 'overlay',
+      },
+      '@supports (not (overflow: overlay))': {
+        'overflow-x': 'auto',
+      },
+    },
+  })
+
+  addComponents({
+    '.text-accent': {
+      'color': theme('colors.black.default'),
+      '.dark &': {
+        'color': theme('colors.gray.200'),
+      },
+    },
+    '.text-description': {
+      'color': theme('colors.gray.400'),
+      '.dark &': {
+        'color': theme('colors.gray.500'),
+      },
+    },
+    '.text-secure': {
+      'text-security': 'disc',
+      '-webkit-text-security': 'disc',
+    },
+  })
+
+  addUtilities({
+    '.w-ripple': {
+      '&::before': {
+        'content': '""',
+        'position': 'absolute',
+        'top': '0',
+        'left': '0',
+        'height': '100%',
+        'width': '100%',
+        'border-radius': 'inherit',
+        'background-color': 'currentColor',
+        'pointer-events': 'none',
+        'user-select': 'none',
+        'opacity': '0',
+        'transition-property': 'opacity',
+        'transition-timing-function': 'cubic-bezier(0.4, 0, 0.2, 1)',
+        'transition-duration': '100ms',
+      },
+
+      '&:active::before': {
+        'opacity': 'calc(var(--w-ripple-opacity, 0.10) * 2)',
+      },
+    },
+
+    '.w-ripple-trigger:active': {
+      '.w-ripple::before, &.w-ripple::before': {
+        'opacity': 'calc(var(--w-ripple-opacity, 0.10) * 2)',
+      },
+    },
+
+    '.w-ripple-hover:not(:active):hover, .w-ripple-trigger:not(:active):hover .w-ripple-hover': {
+      '& .w-ripple:not(:active)::before, &.w-ripple::before': {
+        'opacity': 'var(--w-ripple-opacity, 0.10)',
+      },
+    },
+
+    '.w-ripple-hover:not(:active):focus, .w-ripple-trigger:not(:active):focus .w-ripple-hover': {
+      '& .w-ripple:not(:active)::before, &.w-ripple::before': {
+        'opacity': 'var(--w-ripple-opacity, 0.10)',
+      },
+    },
+  })
+
+  addUtilities({
+    '.w-hover-circle': {
+      '&::after': {
+        'content': '""',
+        'position': 'absolute',
+        'top': '0',
+        'left': '0',
+        'height': '100%',
+        'width': '100%',
+        'border-radius': '9999px',
+        'z-index': '1',
+        'background-color': 'currentColor',
+        'pointer-events': 'none',
+        'user-select': 'none',
+        'opacity': '0',
+        'transform': 'scaleX(0.5) scaleY(0.5)',
+        'transition-property': 'opacity transform',
+        'transition-timing-function': 'cubic-bezier(0.4, 0, 0.2, 1)',
+        'transition-duration': '200ms',
+      },
+
+      '&:hover::after, .w-hover-circle-trigger:hover &::after, &:focus::after, .w-hover-circle-trigger:focus &::after': {
+        'opacity': 'var(--w-hover-circle-opacity, 0.10)',
+        'transform': 'scaleX(2.2) scaleY(2.2)',
+      },
+
+      '&:active::after, .w-hover-circle-trigger:active &::after': {
+        'opacity': 'var(--w-hover-circle-opacity, 0.10)',
+        'transform': 'scaleX(1.8) scaleY(1.8)',
+      },
+    },
+  })
+
+  matchUtilities(
+    {
+      'w-ripple-opacity': (value) => {
+        return {
+          '--w-ripple-opacity': value,
+        }
+      },
+      'w-hover-circle-opacity': (value) => {
+        return {
+          '--w-hover-circle-opacity': value,
+        }
+      },
+    },
+    {
+      values: theme('opacity'),
+    },
+  )
+
+  addUtilities({
+    '.w-progress-striped': {
+      '&::before': {
+        'content': '""',
+        'background-image': 'linear-gradient(135deg, hsla(0,0%,100%,.125) 25%, transparent 0, transparent 50%, hsla(0,0%,100%,.125) 0, hsla(0,0%,100%,.125) 75%, transparent 0, transparent)',
+        'position': 'absolute',
+        'top': '0',
+        'left': '0',
+        'width': 'calc(100% + 40px)',
+        'height': '100%',
+        'background-repeat': 'repeat',
+        'background-size': '40px 40px',
+        'animation': theme('animation.move-horizontal'),
+      },
+      '.dark &::before': {
+        'background-image': 'linear-gradient(135deg, hsla(0,0%,10%,.125) 25%, transparent 0, transparent 50%, hsla(0,0%,10%,.125) 0, hsla(0,0%,10%,.125) 75%, transparent 0, transparent)',
+      },
+    },
+  })
+
+  addComponents({
+    '.w-select-field': {
+      'padding-top': '0.3125rem',
+      'padding-bottom': '0.3125rem',
+      'align-items': 'center',
+      'white-space': 'nowrap',
+      'overflow': 'hidden',
+      'text-overflow': 'ellipsis',
+    },
+    '.group\\/model .w-select-field': {
+      'padding-left': '0.75rem',
+      'padding-right': '0.75rem',
+    },
+
+    '.w-list-row-item, .w-list-header-item': {
+      'padding-right': '1.5rem',
+      '&:first-child, &.first-item': {
+        'padding-left': '1rem',
+      },
+      '&:last-child': {
+        'padding-right': '1rem',
+      },
+    },
+
+    '.w-list-header-item': {
+      'height': '3rem',
+      'border-top-width': '1px',
+      'border-bottom-width': '1px',
+      'border-style': 'solid',
+      'background-color': theme('colors.primary.light'),
+      'border-color': theme('colors.gray.300'),
+      '.dark &': {
+        'background-color': theme('colors.primary.darkest'),
+        'border-color': theme('colors.gray.700'),
+      },
+      '&:first-child': {
+        'border-left-width': '1px',
+        'border-top-left-radius': '1rem',
+        'border-bottom-left-radius': '1rem',
+      },
+      '&:last-child': {
+        'border-right-width': '1px',
+        'border-top-right-radius': '1rem',
+        'border-bottom-right-radius': '1rem',
+      },
+    },
+
+    '.w-skeleton': {
+      'position': 'relative',
+      'width': 'var(--skeleton-width,70%)',
+      'border-radius': 'var(--skeleton-rounded,0.5rem)',
+      'overflow': 'hidden',
+      'cursor': 'progress',
+      '&:before': {
+        'content': '""',
+        'position': 'absolute',
+        'top': '0',
+        'width': '100%',
+        'height': '100%',
+        'background-image': 'linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0))',
+        'animation': theme('animation.ticker'),
+
+        '.dark &': {
+          'background-image': 'linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.01),rgba(255,255,255,0))',
+        },
+      },
+    },
+  })
+
+  matchUtilities(
+    {
+      'w-skeleton-rounded': (value) => {
+        return {
+          '--skeleton-rounded': value,
+        }
+      },
+    },
+    {
+      values: theme('borderRadius'),
+    },
+  )
+})

package/tailwind-base/theme/animations.cjs

@@ -0,0 +1,88 @@
+
+module.exports = {
+  keyframes: {
+    ticker: {
+      from: {
+        transform: 'translateX(-100%)',
+      },
+      to: {
+        transform: 'translateX(100%)',
+      },
+    },
+
+    'move-horizontal': {
+      from: {
+        transform: 'translateX(-40px)',
+      },
+      to: {
+        transform: 'translateX(0)',
+      },
+    },
+
+    shake: {
+      '15%': {
+        transform: 'translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)',
+      },
+      '30%': {
+        transform: 'translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)',
+      },
+      '45%': {
+        transform: 'translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)',
+      },
+      '60%': {
+        transform: 'translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)',
+      },
+      '75%': {
+        transform: 'translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)',
+      },
+    },
+
+    'border-rotate': {
+      from: {
+        'stroke-dashoffset': 'var(--border-rotate-offset-from, 25)',
+      },
+      to: {
+        'stroke-dashoffset': 'var(--border-rotate-offset-to, -100%)',
+      },
+    },
+
+    'dojo-logo-dashoffset': {
+      from: {
+        'stroke-dashoffset': '0',
+      },
+      to: {
+        'stroke-dashoffset': '880',
+      },
+    },
+
+    'spinner-dash': {
+      '0%': {
+        'stroke-dasharray': '1, 200',
+        'stroke-dashoffset': '0',
+      },
+      '50%': {
+        'stroke-dasharray': '89, 200',
+        'stroke-dashoffset': '-35px',
+      },
+      '100%': {
+        'stroke-dasharray': '89, 200',
+        'stroke-dashoffset': '-124px',
+      },
+    },
+    'ping-big': {
+      '75%, 100%': {
+        transform: 'scale(4)',
+        opacity: '0',
+      },
+    },
+  },
+  animation: {
+    ticker: 'ticker var(--tiker-duration, 0.8s) linear infinite',
+    'move-horizontal': 'move-horizontal var(--tiker-duration, 0.8s) linear infinite',
+    shake: 'shake .6s linear infinite',
+    'border-rotate': 'border-rotate linear infinite 10s',
+    'dojo-logo-dashoffset': 'dojo-logo-dashoffset 1.6s linear 1;',
+    'spinner-dash': 'spinner-dash 1.6s linear infinite',
+    'ping-fast': 'ping-big .5s cubic-bezier(0, 0, 0.2, 1)',
+  },
+}

package/tailwind-base/theme/score.cjs

@@ -0,0 +1,31 @@
+
+module.exports = {
+  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.cjs

@@ -0,0 +1,32 @@
+
+module.exports = {
+  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',
+  },
+}

package/tailwind-base/theme/sizes.cjs

@@ -0,0 +1,23 @@
+
+const extend = {
+  6: '1.5rem',
+  10: '2.5rem',
+  11: '2.75rem',
+  15: '3.75rem',
+  18: '4.5rem',
+  28: '7rem',
+  30: '7.5rem',
+  34: '8.5rem',
+  36: '9rem',
+}
+
+module.exports = {
+  height: {
+    18: '4.5rem',
+  },
+  width: {
+    18: '4.5rem',
+  },
+  maxWidth: extend,
+  minWidth: extend,
+}