vueless 0.0.279 → 0.0.280

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.279",
+  "version": "0.0.280",
   "license": "MIT",
   "description": "Vue Styleless Component Framework.",
   "homepage": "https://vueless.com",

package/ui.navigation-progress/configs/default.config.js

@@ -12,35 +12,35 @@ export default /*tw*/ {
     base: "",
     variants: {
       size: {
-        "2xs": "h-8 w-8",
-        xs: "h-8 w-8",
-        sm: "h-10 w-10",
-        md: "h-12 w-12",
-        lg: "h-14 w-14",
-        xl: "h-16 w-16",
-        "2xl": "h-20 w-20",
+        "2xs": "size-8",
+        xs: "size-8",
+        sm: "size-10",
+        md: "size-12",
+        lg: "size-14",
+        xl: "size-16",
+        "2xl": "size-20",
       },
     },
   },
-  stepperCircle: "stroke-current text-gray-100",
+  stepperCircle: "stroke-current text-{color}-100",
   stepperCount: "text-xl font-bold text-gray-900 translate-y-2 transform",
   stepperGradient: "",
   stepperSvg: "",
   progress: {
     base: `
-      text-{color}-500 w-full block appearance-none border-none overflow-hidden
+      text-{color}-600 w-full block appearance-none border-none overflow-hidden
       indeterminate:relative indeterminate:after:rounded-full
       [&:indeterminate::-webkit-progress-value]:rounded-full [&:indeterminate::-moz-progress-bar]:rounded-full
       [&::-webkit-progress-bar]:w-full [&::-webkit-progress-bar]:rounded-full
-      [&::-webkit-progress-bar]:bg-gray-100 [@supports(selector(&::-moz-progress-bar))]:bg-gray-100
+      [&::-webkit-progress-bar]:bg-{color}-50 [@supports(selector(&::-moz-progress-bar))]:bg-{color}-50
       [&::-webkit-progress-value]:rounded-full [&::-moz-progress-bar]:rounded-full
       [&::-webkit-progress-value]:transition [&::-moz-progress-bar]:transition
       [&::-webkit-progress-value]:bg-current [&::-moz-progress-bar]:bg-current
     `,
     variants: {
       color: {
-        white: "text-gray-200",
-        grayscale: "text-gray-900",
+        white: "text-gray-300 [&::-webkit-progress-bar]:bg-gray-100 [@supports(selector(&::-moz-progress-bar))]:bg-gray-100",
+        grayscale: "text-gray-900 [&::-webkit-progress-bar]:bg-gray-100 [@supports(selector(&::-moz-progress-bar))]:bg-gray-100",
       },
       size: {
         "2xs": "h-px",
@@ -54,7 +54,7 @@ export default /*tw*/ {
     },
   },
   indicator: {
-    base: "text-{color}-500 flex justify-end w-full min-w-fit font-medium transition",
+    base: "text-{color}-600 flex justify-end w-full min-w-fit font-medium transition",
     variants: {
       color: {
         white: "text-gray-200",
@@ -73,7 +73,7 @@ export default /*tw*/ {
   },
   firstStep: "text-gray-500",
   step: {
-    base: "text-{color}-500 flex justify-end w-full transition",
+    base: "text-{color}-600 flex justify-end w-full transition",
     variants: {
       variant: {
         progress: "justify-end",
@@ -100,5 +100,9 @@ export default /*tw*/ {
     variant: "progress",
     indicator: false,
   },
-  safelist: (colors) => [{ pattern: `text-(${colors})-500` }],
+  safelist: (colors) => [
+    { pattern: `text-(${colors})-600` },
+    { pattern: `text-(${colors})-100` },
+    { pattern: `bg-(${colors})-50`, variants: ["[&::-webkit-progress-bar]", "[@supports(selector(&::-moz-progress-bar))]"] },
+  ],
 };

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.279",
+  "version": "0.0.280",
   "contributions": {
     "html": {
       "description-markup": "markdown",