eco-vue-js 0.10.31 → 0.10.33

package/dist/utils/utils.js

@@ -121,6 +121,11 @@ var ListMode = /* @__PURE__ */ ((ListMode2) => {
   ListMode2["GRID"] = "grid";
   return ListMode2;
 })(ListMode || {});
+var Theme = /* @__PURE__ */ ((Theme2) => {
+  Theme2["LIGHT"] = "light";
+  Theme2["DARK"] = "dark";
+  return Theme2;
+})(Theme || {});
 const unwrapSlots = (slots) => {
   return slots.flatMap((slot) => {
     if (Array.isArray(slot?.children)) return unwrapSlots(slot.children);
@@ -129,4 +134,4 @@ const unwrapSlots = (slots) => {
   });
 };
 
-export { ListMode, debounce, genId, get, getAllScrollParents, getDefaultFieldConfigMap, getScrollParent, hasParent, isClientSide, isEqualArr, isEqualObj, isId, isIdArray, isIndex, isPage, numberCompactFormatter, numberFormatter, parseId, parseIndex, percentCompactFormatter, percentFormatter, set, throttle, unwrapSlots };
+export { ListMode, Theme, debounce, genId, get, getAllScrollParents, getDefaultFieldConfigMap, getScrollParent, hasParent, isClientSide, isEqualArr, isEqualObj, isId, isIdArray, isIndex, isPage, numberCompactFormatter, numberFormatter, parseId, parseIndex, percentCompactFormatter, percentFormatter, set, throttle, unwrapSlots };

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.10.31",
+  "version": "0.10.33",
   "scripts": {
     "build": "run-p type-check \"build-only {@}\" --",
     "dev": "vite build --mode development --watch",
@@ -385,6 +385,12 @@
     "./dist/components/Select/types": {
       "import": "./dist/components/Select/types.d.ts"
     },
+    "./dist/components/Shine/WShine.vue": {
+      "import": "./dist/components/Shine/WShine.vue.js"
+    },
+    "./dist/components/Shine/WShineEffect.vue": {
+      "import": "./dist/components/Shine/WShineEffect.vue.js"
+    },
     "./dist/components/Skeleton/WSkeleton.vue": {
       "import": "./dist/components/Skeleton/WSkeleton.vue.js"
     },
@@ -406,6 +412,9 @@
     "./dist/components/Toggle/WToggle.vue": {
       "import": "./dist/components/Toggle/WToggle.vue.js"
     },
+    "./dist/components/Toggle/WToggleTheme.vue": {
+      "import": "./dist/components/Toggle/WToggleTheme.vue.js"
+    },
     "./dist/components/Toggle/types": {
       "import": "./dist/components/Toggle/types.d.ts"
     },

package/tailwind-base/index.ts

@@ -23,16 +23,10 @@ const tailwindBase = {
       default: '#ffffff',
       'default-dark': colors.zinc['900'], // '#101827',
 
-      primary: {
-        darkest: '#23222e',
-        dark: '#5b4fc4', // '#4d42ad',
-        default: '#9087e2',
-        light: '#f4f3fc',
-      },
-
-      secondary: {
-        default: '#ffffff',
-      },
+      'primary-darkest': '#23222e',
+      'primary-dark': '#5b4fc4',
+      primary: '#9087e2',
+      'primary-light': '#f4f3fc',
 
       black: {
         default: '#333333',

package/tailwind-base/plugins/default.ts

@@ -473,6 +473,21 @@ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities
     },
   )
 
+  matchUtilities(
+    {
+      'w-svg-stroke-width': value => ({'& path': {'stroke-width': value}}),
+    },
+    {
+      values: {
+        '3xs': '0.5',
+        '2xs': '0.75',
+        xs: '1',
+        sm: '1.25',
+        md: '1.5',
+      },
+    },
+  )
+
   matchUtilities(
     {
       'w-list-gap': value => ({'--w-list-gap': value}),

package/tailwind-base/theme/animations.ts

@@ -8,6 +8,14 @@ export default {
         transform: 'translateX(100%)',
       },
     },
+    'ticker-rare': {
+      '0%, 45%': {
+        transform: 'translateX(-100%)',
+      },
+      '55%, 100%': {
+        transform: 'translateX(100%)',
+      },
+    },
 
     'move-horizontal': {
       from: {
@@ -77,6 +85,7 @@ export default {
   },
   animation: {
     ticker: 'ticker var(--tiker-duration, 0.8s) linear infinite',
+    'ticker-rare': 'ticker-rare var(--tiker-duration, 10s) 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',

package/tailwind-base/theme/sizes.ts

@@ -18,6 +18,7 @@ const newValues = {
 }
 
 const extend = {
+  0.75: '0.1875rem',
   1.25: '0.3125rem',
   4.5: '1.125rem',
   6: '1.5rem',

package/dist/assets/icons/sax/IconOutlineRefresh.svg.js

@@ -1,24 +0,0 @@
-import { createElementBlock, openBlock, createElementVNode } from 'vue';
-
-const _hoisted_1 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "20",
-  height: "20",
-  fill: "none",
-  viewBox: "0 0 30 30"
-};
-
-function render(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
-    createElementVNode("path", {
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "1.5",
-      d: "M27.5 15c0 6.9-5.6 12.5-12.5 12.5S3.888 20.55 3.888 20.55m0 0h5.65m-5.65 0v6.25M2.5 15C2.5 8.1 8.05 2.5 15 2.5c8.337 0 12.5 6.95 12.5 6.95m0 0V3.2m0 6.25h-5.55"
-    }, null, -1)
-  ])))
-}
-const IconOutlineRefresh = { render: render };
-
-export { IconOutlineRefresh as default, render };

package/dist/assets/icons/sax/IconOutlineStar.svg.js

@@ -1,24 +0,0 @@
-import { createElementBlock, openBlock, createElementVNode } from 'vue';
-
-const _hoisted_1 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "20",
-  height: "20",
-  fill: "none",
-  viewBox: "0 0 30 30"
-};
-
-function render(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
-    createElementVNode("path", {
-      stroke: "currentColor",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "stroke-width": "1.5",
-      d: "m17.163 4.387 2.2 4.4c.3.613 1.1 1.2 1.775 1.313l3.987.662c2.55.425 3.15 2.275 1.313 4.1l-3.1 3.1c-.525.526-.813 1.538-.65 2.263l.887 3.837c.7 3.038-.912 4.213-3.6 2.625l-3.737-2.212c-.675-.4-1.788-.4-2.475 0l-3.738 2.212c-2.675 1.588-4.3.4-3.6-2.625l.888-3.837c.162-.725-.125-1.738-.65-2.263l-3.1-3.1c-1.825-1.825-1.238-3.674 1.312-4.1l3.988-.662c.662-.113 1.462-.7 1.762-1.313l2.2-4.4c1.2-2.387 3.15-2.387 4.338 0"
-    }, null, -1)
-  ])))
-}
-const IconOutlineStar = { render: render };
-
-export { IconOutlineStar as default, render };

package/dist/components/Button/models/semanticTypeStylesMap.d.ts

@@ -1,6 +0,0 @@
-import { SemanticType } from '../../../utils/SemanticType';
-export declare const semanticTypeButtonStylesMap: Record<SemanticType, string>;
-export declare const semanticTypeChipsStylesMap: Record<SemanticType, string>;
-export declare const semanticTypeButtonBorderStylesMap: Record<SemanticType, string>;
-export declare const semanticTypeTextStylesMap: Record<SemanticType, string>;
-//# sourceMappingURL=semanticTypeStylesMap.d.ts.map

package/dist/components/Button/models/semanticTypeStylesMap.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"semanticTypeStylesMap.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/models/semanticTypeStylesMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAEjD,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAOpE,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAGnE,CAAA;AAED,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAO1E,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAOlE,CAAA"}

package/dist/components/Button/models/semanticTypeStylesMap.js

@@ -1,32 +0,0 @@
-import { SemanticType } from '../../../utils/SemanticType.js';
-
-const semanticTypeButtonStylesMap = {
-  [SemanticType.PRIMARY]: "bg-primary-default dark:bg-primary-dark text-secondary-default",
-  [SemanticType.SECONDARY]: "bg-secondary-default dark:bg-default-dark text-accent",
-  [SemanticType.NEGARIVE]: "bg-negative dark:bg-negative-dark text-secondary-default dark:text-default-dark",
-  [SemanticType.POSITIVE]: "bg-positive dark:bg-positive-dark text-secondary-default dark:text-default-dark",
-  [SemanticType.WARNING]: "bg-warning dark:bg-warning-dark text-black-default dark:text-default-dark ",
-  [SemanticType.INFO]: "bg-info dark:bg-info-dark text-secondary-default dark:text-default-dark"
-};
-const semanticTypeChipsStylesMap = {
-  ...semanticTypeButtonStylesMap,
-  [SemanticType.SECONDARY]: "bg-gray-200 dark:bg-gray-800 text-description"
-};
-const semanticTypeButtonBorderStylesMap = {
-  [SemanticType.PRIMARY]: "border border-solid border-primary-default dark:border-primary-dark",
-  [SemanticType.SECONDARY]: "border border-solid border-gray-300 dark:border-gray-700",
-  [SemanticType.NEGARIVE]: "border border-solid border-negative dark:border-negative-dark",
-  [SemanticType.POSITIVE]: "border border-solid border-positive dark:border-positive-dark",
-  [SemanticType.WARNING]: "border border-solid border-warning dark:border-warning-dark",
-  [SemanticType.INFO]: "border border-solid border-info dark:border-info-dark"
-};
-const semanticTypeTextStylesMap = {
-  [SemanticType.PRIMARY]: "text-primary-default dark:text-primary-dark",
-  [SemanticType.SECONDARY]: "text-description",
-  [SemanticType.NEGARIVE]: "text-negative dark:text-negative-dark",
-  [SemanticType.POSITIVE]: "text-positive dark:text-positive-dark",
-  [SemanticType.WARNING]: "text-warning dark:text-warning-dark",
-  [SemanticType.INFO]: "text-info dark:text-info-dark"
-};
-
-export { semanticTypeButtonBorderStylesMap, semanticTypeButtonStylesMap, semanticTypeChipsStylesMap, semanticTypeTextStylesMap };