@nextui-org/theme 0.0.0-dev-v2-20230527161625 → 0.0.0-dev-v2-20230528041548

package/dist/{chunk-IVZYEA5N.mjs → chunk-BHHIVMOY.mjs}

@@ -8,27 +8,27 @@ var progress = tv(
       labelWrapper: "flex justify-between",
       value: "",
       track: "z-0 relative bg-default-300/50 overflow-hidden",
-      filler: "h-full"
+      indicator: "h-full"
     },
     variants: {
       color: {
         default: {
-          filler: "bg-default-400"
+          indicator: "bg-default-400"
         },
         primary: {
-          filler: "bg-primary"
+          indicator: "bg-primary"
         },
         secondary: {
-          filler: "bg-secondary"
+          indicator: "bg-secondary"
         },
         success: {
-          filler: "bg-success"
+          indicator: "bg-success"
         },
         warning: {
-          filler: "bg-warning"
+          indicator: "bg-warning"
         },
         danger: {
-          filler: "bg-danger"
+          indicator: "bg-danger"
         }
       },
       size: {
@@ -61,41 +61,41 @@ var progress = tv(
       radius: {
         none: {
           track: "rounded-none",
-          filler: "rounded-none"
+          indicator: "rounded-none"
         },
         base: {
           track: "rounded",
-          filler: "rounded"
+          indicator: "rounded"
         },
         sm: {
           track: "rounded-sm",
-          filler: "rounded-sm"
+          indicator: "rounded-sm"
         },
         md: {
           track: "rounded-md",
-          filler: "rounded-md"
+          indicator: "rounded-md"
         },
         lg: {
           track: "rounded-lg",
-          filler: "rounded-lg"
+          indicator: "rounded-lg"
         },
         xl: {
           track: "rounded-xl",
-          filler: "rounded-xl"
+          indicator: "rounded-xl"
         },
         full: {
           track: "rounded-full",
-          filler: "rounded-full"
+          indicator: "rounded-full"
         }
       },
       isStriped: {
         true: {
-          filler: "bg-stripe-gradient bg-[length:1.25rem_1.25rem]"
+          indicator: "bg-stripe-gradient bg-[length:1.25rem_1.25rem]"
         }
       },
       isIndeterminate: {
         true: {
-          filler: ["absolute", "w-full", "origin-left", "animate-indeterminate-bar"]
+          indicator: ["absolute", "w-full", "origin-left", "animate-indeterminate-bar"]
         }
       },
       isDisabled: {
@@ -106,7 +106,7 @@ var progress = tv(
       disableAnimation: {
         true: {},
         false: {
-          filler: "transition-transform !duration-500"
+          indicator: "transition-transform !duration-500"
         }
       }
     },
@@ -124,7 +124,7 @@ var progress = tv(
         disableAnimation: true,
         isIndeterminate: false,
         class: {
-          filler: "!transition-none motion-reduce:transition-none"
+          indicator: "!transition-none motion-reduce:transition-none"
         }
       }
     ]

package/dist/{chunk-D6P5YDBJ.mjs → chunk-P5E3PNHW.mjs}

@@ -5,16 +5,15 @@ var skeleton = tv({
     base: [
       "group",
       "relative",
-      "space-y-5",
       "overflow-hidden",
-      "bg-white/5",
+      "bg-content3 dark:bg-content2",
       "before:opacity-100",
       "before:absolute",
       "before:inset-0",
       "before:-translate-x-full",
       "before:animate-[shimmer_2s_infinite]",
       "before:border-t",
-      "before:border-content4/70",
+      "before:border-content4/30",
       "before:bg-gradient-to-r",
       "before:from-transparent",
       "before:via-content4",
@@ -26,7 +25,8 @@ var skeleton = tv({
       "after:-z-10",
       "after:bg-content3",
       "dark:after:bg-content2",
-      "data-[loaded=true]:before:opacity-0",
+      "data-[loaded=true]:bg-transparent",
+      "data-[loaded=true]:before:opacity-0 data-[loaded=true]:before:animate-none",
       "data-[loaded=true]:after:opacity-0"
     ],
     content: ["opacity-0", "group-data-[loaded=true]:opacity-100"]
@@ -38,7 +38,7 @@ var skeleton = tv({
         content: "transition-none"
       },
       false: {
-        base: "before:transition-opacity before:!duration-300",
+        base: "transition-background !duration-300 before:transition-opacity before:!duration-300",
         content: "transition-opacity motion-reduce:transition-none !duration-300"
       }
     }

package/dist/components/index.js

@@ -3620,27 +3620,27 @@ var progress = (0, import_tailwind_variants18.tv)(
       labelWrapper: "flex justify-between",
       value: "",
       track: "z-0 relative bg-default-300/50 overflow-hidden",
-      filler: "h-full"
+      indicator: "h-full"
     },
     variants: {
       color: {
         default: {
-          filler: "bg-default-400"
+          indicator: "bg-default-400"
         },
         primary: {
-          filler: "bg-primary"
+          indicator: "bg-primary"
         },
         secondary: {
-          filler: "bg-secondary"
+          indicator: "bg-secondary"
         },
         success: {
-          filler: "bg-success"
+          indicator: "bg-success"
         },
         warning: {
-          filler: "bg-warning"
+          indicator: "bg-warning"
         },
         danger: {
-          filler: "bg-danger"
+          indicator: "bg-danger"
         }
       },
       size: {
@@ -3673,41 +3673,41 @@ var progress = (0, import_tailwind_variants18.tv)(
       radius: {
         none: {
           track: "rounded-none",
-          filler: "rounded-none"
+          indicator: "rounded-none"
         },
         base: {
           track: "rounded",
-          filler: "rounded"
+          indicator: "rounded"
         },
         sm: {
           track: "rounded-sm",
-          filler: "rounded-sm"
+          indicator: "rounded-sm"
         },
         md: {
           track: "rounded-md",
-          filler: "rounded-md"
+          indicator: "rounded-md"
         },
         lg: {
           track: "rounded-lg",
-          filler: "rounded-lg"
+          indicator: "rounded-lg"
         },
         xl: {
           track: "rounded-xl",
-          filler: "rounded-xl"
+          indicator: "rounded-xl"
         },
         full: {
           track: "rounded-full",
-          filler: "rounded-full"
+          indicator: "rounded-full"
         }
       },
       isStriped: {
         true: {
-          filler: "bg-stripe-gradient bg-[length:1.25rem_1.25rem]"
+          indicator: "bg-stripe-gradient bg-[length:1.25rem_1.25rem]"
         }
       },
       isIndeterminate: {
         true: {
-          filler: ["absolute", "w-full", "origin-left", "animate-indeterminate-bar"]
+          indicator: ["absolute", "w-full", "origin-left", "animate-indeterminate-bar"]
         }
       },
       isDisabled: {
@@ -3718,7 +3718,7 @@ var progress = (0, import_tailwind_variants18.tv)(
       disableAnimation: {
         true: {},
         false: {
-          filler: "transition-transform !duration-500"
+          indicator: "transition-transform !duration-500"
         }
       }
     },
@@ -3736,7 +3736,7 @@ var progress = (0, import_tailwind_variants18.tv)(
         disableAnimation: true,
         isIndeterminate: false,
         class: {
-          filler: "!transition-none motion-reduce:transition-none"
+          indicator: "!transition-none motion-reduce:transition-none"
         }
       }
     ]
@@ -6200,16 +6200,15 @@ var skeleton = (0, import_tailwind_variants30.tv)({
     base: [
       "group",
       "relative",
-      "space-y-5",
       "overflow-hidden",
-      "bg-white/5",
+      "bg-content3 dark:bg-content2",
       "before:opacity-100",
       "before:absolute",
       "before:inset-0",
       "before:-translate-x-full",
       "before:animate-[shimmer_2s_infinite]",
       "before:border-t",
-      "before:border-content4/70",
+      "before:border-content4/30",
       "before:bg-gradient-to-r",
       "before:from-transparent",
       "before:via-content4",
@@ -6221,7 +6220,8 @@ var skeleton = (0, import_tailwind_variants30.tv)({
       "after:-z-10",
       "after:bg-content3",
       "dark:after:bg-content2",
-      "data-[loaded=true]:before:opacity-0",
+      "data-[loaded=true]:bg-transparent",
+      "data-[loaded=true]:before:opacity-0 data-[loaded=true]:before:animate-none",
       "data-[loaded=true]:after:opacity-0"
     ],
     content: ["opacity-0", "group-data-[loaded=true]:opacity-100"]
@@ -6233,7 +6233,7 @@ var skeleton = (0, import_tailwind_variants30.tv)({
         content: "transition-none"
       },
       false: {
-        base: "before:transition-opacity before:!duration-300",
+        base: "transition-background !duration-300 before:transition-opacity before:!duration-300",
         content: "transition-opacity motion-reduce:transition-none !duration-300"
       }
     }

package/dist/components/index.mjs

@@ -13,14 +13,14 @@ import {
 } from "../chunk-T23JC6II.mjs";
 import {
   progress
-} from "../chunk-IVZYEA5N.mjs";
+} from "../chunk-BHHIVMOY.mjs";
 import {
   radio,
   radioGroup
 } from "../chunk-W36MFWI6.mjs";
 import {
   skeleton
-} from "../chunk-D6P5YDBJ.mjs";
+} from "../chunk-P5E3PNHW.mjs";
 import {
   snippet
 } from "../chunk-AWAXOLMA.mjs";

package/dist/components/progress.d.ts

@@ -6,7 +6,7 @@ import { VariantProps } from 'tailwind-variants';
  *
  * @example
  * ```js
- * const {base, labelWrapper, label, value, track, filler} = progress({...})
+ * const {base, labelWrapper, label, value, track, indicator} = progress({...})
  *
  * <div className={base()} aria-label="progress" role="progressbar" aria-valuenow={value} aria-valuemin={min} aria-valuemax={max}>
  *   <div className={labelWrapper()}>
@@ -14,7 +14,7 @@ import { VariantProps } from 'tailwind-variants';
  *      <span className={value()}>{value}</span>
  *   </div>
  *   <div className={track()}>
- *     <div className={filler()} style={{width: `${value}%`}} />
+ *     <div className={indicator()} style={{width: `${value}%`}} />
  *   </div>
  * </div>
  * ```
@@ -22,22 +22,22 @@ import { VariantProps } from 'tailwind-variants';
 declare const progress: tailwind_variants.TVReturnType<{
     color: {
         default: {
-            filler: string;
+            indicator: string;
         };
         primary: {
-            filler: string;
+            indicator: string;
         };
         secondary: {
-            filler: string;
+            indicator: string;
         };
         success: {
-            filler: string;
+            indicator: string;
         };
         warning: {
-            filler: string;
+            indicator: string;
         };
         danger: {
-            filler: string;
+            indicator: string;
         };
     };
     size: {
@@ -70,41 +70,41 @@ declare const progress: tailwind_variants.TVReturnType<{
     radius: {
         none: {
             track: string;
-            filler: string;
+            indicator: string;
         };
         base: {
             track: string;
-            filler: string;
+            indicator: string;
         };
         sm: {
             track: string;
-            filler: string;
+            indicator: string;
         };
         md: {
             track: string;
-            filler: string;
+            indicator: string;
         };
         lg: {
             track: string;
-            filler: string;
+            indicator: string;
         };
         xl: {
             track: string;
-            filler: string;
+            indicator: string;
         };
         full: {
             track: string;
-            filler: string;
+            indicator: string;
         };
     };
     isStriped: {
         true: {
-            filler: string;
+            indicator: string;
         };
     };
     isIndeterminate: {
         true: {
-            filler: string[];
+            indicator: string[];
         };
     };
     isDisabled: {
@@ -115,7 +115,7 @@ declare const progress: tailwind_variants.TVReturnType<{
     disableAnimation: {
         true: {};
         false: {
-            filler: string;
+            indicator: string;
         };
     };
 }, unknown, {
@@ -124,7 +124,7 @@ declare const progress: tailwind_variants.TVReturnType<{
     labelWrapper: string;
     value: string;
     track: string;
-    filler: string;
+    indicator: string;
 }, undefined, undefined, {
     twMerge: false;
 }>;

package/dist/components/progress.js

@@ -32,27 +32,27 @@ var progress = (0, import_tailwind_variants.tv)(
       labelWrapper: "flex justify-between",
       value: "",
       track: "z-0 relative bg-default-300/50 overflow-hidden",
-      filler: "h-full"
+      indicator: "h-full"
     },
     variants: {
       color: {
         default: {
-          filler: "bg-default-400"
+          indicator: "bg-default-400"
         },
         primary: {
-          filler: "bg-primary"
+          indicator: "bg-primary"
         },
         secondary: {
-          filler: "bg-secondary"
+          indicator: "bg-secondary"
         },
         success: {
-          filler: "bg-success"
+          indicator: "bg-success"
         },
         warning: {
-          filler: "bg-warning"
+          indicator: "bg-warning"
         },
         danger: {
-          filler: "bg-danger"
+          indicator: "bg-danger"
         }
       },
       size: {
@@ -85,41 +85,41 @@ var progress = (0, import_tailwind_variants.tv)(
       radius: {
         none: {
           track: "rounded-none",
-          filler: "rounded-none"
+          indicator: "rounded-none"
         },
         base: {
           track: "rounded",
-          filler: "rounded"
+          indicator: "rounded"
         },
         sm: {
           track: "rounded-sm",
-          filler: "rounded-sm"
+          indicator: "rounded-sm"
         },
         md: {
           track: "rounded-md",
-          filler: "rounded-md"
+          indicator: "rounded-md"
         },
         lg: {
           track: "rounded-lg",
-          filler: "rounded-lg"
+          indicator: "rounded-lg"
         },
         xl: {
           track: "rounded-xl",
-          filler: "rounded-xl"
+          indicator: "rounded-xl"
         },
         full: {
           track: "rounded-full",
-          filler: "rounded-full"
+          indicator: "rounded-full"
         }
       },
       isStriped: {
         true: {
-          filler: "bg-stripe-gradient bg-[length:1.25rem_1.25rem]"
+          indicator: "bg-stripe-gradient bg-[length:1.25rem_1.25rem]"
         }
       },
       isIndeterminate: {
         true: {
-          filler: ["absolute", "w-full", "origin-left", "animate-indeterminate-bar"]
+          indicator: ["absolute", "w-full", "origin-left", "animate-indeterminate-bar"]
         }
       },
       isDisabled: {
@@ -130,7 +130,7 @@ var progress = (0, import_tailwind_variants.tv)(
       disableAnimation: {
         true: {},
         false: {
-          filler: "transition-transform !duration-500"
+          indicator: "transition-transform !duration-500"
         }
       }
     },
@@ -148,7 +148,7 @@ var progress = (0, import_tailwind_variants.tv)(
         disableAnimation: true,
         isIndeterminate: false,
         class: {
-          filler: "!transition-none motion-reduce:transition-none"
+          indicator: "!transition-none motion-reduce:transition-none"
         }
       }
     ]

package/dist/components/progress.mjs

@@ -1,6 +1,6 @@
 import {
   progress
-} from "../chunk-IVZYEA5N.mjs";
+} from "../chunk-BHHIVMOY.mjs";
 export {
   progress
 };

package/dist/components/skeleton.js

@@ -29,16 +29,15 @@ var skeleton = (0, import_tailwind_variants.tv)({
     base: [
       "group",
       "relative",
-      "space-y-5",
       "overflow-hidden",
-      "bg-white/5",
+      "bg-content3 dark:bg-content2",
       "before:opacity-100",
       "before:absolute",
       "before:inset-0",
       "before:-translate-x-full",
       "before:animate-[shimmer_2s_infinite]",
       "before:border-t",
-      "before:border-content4/70",
+      "before:border-content4/30",
       "before:bg-gradient-to-r",
       "before:from-transparent",
       "before:via-content4",
@@ -50,7 +49,8 @@ var skeleton = (0, import_tailwind_variants.tv)({
       "after:-z-10",
       "after:bg-content3",
       "dark:after:bg-content2",
-      "data-[loaded=true]:before:opacity-0",
+      "data-[loaded=true]:bg-transparent",
+      "data-[loaded=true]:before:opacity-0 data-[loaded=true]:before:animate-none",
       "data-[loaded=true]:after:opacity-0"
     ],
     content: ["opacity-0", "group-data-[loaded=true]:opacity-100"]
@@ -62,7 +62,7 @@ var skeleton = (0, import_tailwind_variants.tv)({
         content: "transition-none"
       },
       false: {
-        base: "before:transition-opacity before:!duration-300",
+        base: "transition-background !duration-300 before:transition-opacity before:!duration-300",
         content: "transition-opacity motion-reduce:transition-none !duration-300"
       }
     }

package/dist/components/skeleton.mjs

@@ -1,6 +1,6 @@
 import {
   skeleton
-} from "../chunk-D6P5YDBJ.mjs";
+} from "../chunk-P5E3PNHW.mjs";
 export {
   skeleton
 };

package/dist/index.js

@@ -3652,27 +3652,27 @@ var progress = (0, import_tailwind_variants18.tv)(
       labelWrapper: "flex justify-between",
       value: "",
       track: "z-0 relative bg-default-300/50 overflow-hidden",
-      filler: "h-full"
+      indicator: "h-full"
     },
     variants: {
       color: {
         default: {
-          filler: "bg-default-400"
+          indicator: "bg-default-400"
         },
         primary: {
-          filler: "bg-primary"
+          indicator: "bg-primary"
         },
         secondary: {
-          filler: "bg-secondary"
+          indicator: "bg-secondary"
         },
         success: {
-          filler: "bg-success"
+          indicator: "bg-success"
         },
         warning: {
-          filler: "bg-warning"
+          indicator: "bg-warning"
         },
         danger: {
-          filler: "bg-danger"
+          indicator: "bg-danger"
         }
       },
       size: {
@@ -3705,41 +3705,41 @@ var progress = (0, import_tailwind_variants18.tv)(
       radius: {
         none: {
           track: "rounded-none",
-          filler: "rounded-none"
+          indicator: "rounded-none"
         },
         base: {
           track: "rounded",
-          filler: "rounded"
+          indicator: "rounded"
         },
         sm: {
           track: "rounded-sm",
-          filler: "rounded-sm"
+          indicator: "rounded-sm"
         },
         md: {
           track: "rounded-md",
-          filler: "rounded-md"
+          indicator: "rounded-md"
         },
         lg: {
           track: "rounded-lg",
-          filler: "rounded-lg"
+          indicator: "rounded-lg"
         },
         xl: {
           track: "rounded-xl",
-          filler: "rounded-xl"
+          indicator: "rounded-xl"
         },
         full: {
           track: "rounded-full",
-          filler: "rounded-full"
+          indicator: "rounded-full"
         }
       },
       isStriped: {
         true: {
-          filler: "bg-stripe-gradient bg-[length:1.25rem_1.25rem]"
+          indicator: "bg-stripe-gradient bg-[length:1.25rem_1.25rem]"
         }
       },
       isIndeterminate: {
         true: {
-          filler: ["absolute", "w-full", "origin-left", "animate-indeterminate-bar"]
+          indicator: ["absolute", "w-full", "origin-left", "animate-indeterminate-bar"]
         }
       },
       isDisabled: {
@@ -3750,7 +3750,7 @@ var progress = (0, import_tailwind_variants18.tv)(
       disableAnimation: {
         true: {},
         false: {
-          filler: "transition-transform !duration-500"
+          indicator: "transition-transform !duration-500"
         }
       }
     },
@@ -3768,7 +3768,7 @@ var progress = (0, import_tailwind_variants18.tv)(
         disableAnimation: true,
         isIndeterminate: false,
         class: {
-          filler: "!transition-none motion-reduce:transition-none"
+          indicator: "!transition-none motion-reduce:transition-none"
         }
       }
     ]
@@ -6232,16 +6232,15 @@ var skeleton = (0, import_tailwind_variants30.tv)({
     base: [
       "group",
       "relative",
-      "space-y-5",
       "overflow-hidden",
-      "bg-white/5",
+      "bg-content3 dark:bg-content2",
       "before:opacity-100",
       "before:absolute",
       "before:inset-0",
       "before:-translate-x-full",
       "before:animate-[shimmer_2s_infinite]",
       "before:border-t",
-      "before:border-content4/70",
+      "before:border-content4/30",
       "before:bg-gradient-to-r",
       "before:from-transparent",
       "before:via-content4",
@@ -6253,7 +6252,8 @@ var skeleton = (0, import_tailwind_variants30.tv)({
       "after:-z-10",
       "after:bg-content3",
       "dark:after:bg-content2",
-      "data-[loaded=true]:before:opacity-0",
+      "data-[loaded=true]:bg-transparent",
+      "data-[loaded=true]:before:opacity-0 data-[loaded=true]:before:animate-none",
       "data-[loaded=true]:after:opacity-0"
     ],
     content: ["opacity-0", "group-data-[loaded=true]:opacity-100"]
@@ -6265,7 +6265,7 @@ var skeleton = (0, import_tailwind_variants30.tv)({
         content: "transition-none"
       },
       false: {
-        base: "before:transition-opacity before:!duration-300",
+        base: "transition-background !duration-300 before:transition-opacity before:!duration-300",
         content: "transition-opacity motion-reduce:transition-none !duration-300"
       }
     }

package/dist/index.mjs

@@ -13,14 +13,14 @@ import {
 } from "./chunk-T23JC6II.mjs";
 import {
   progress
-} from "./chunk-IVZYEA5N.mjs";
+} from "./chunk-BHHIVMOY.mjs";
 import {
   radio,
   radioGroup
 } from "./chunk-W36MFWI6.mjs";
 import {
   skeleton
-} from "./chunk-D6P5YDBJ.mjs";
+} from "./chunk-P5E3PNHW.mjs";
 import {
   snippet
 } from "./chunk-AWAXOLMA.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/theme",
-  "version": "0.0.0-dev-v2-20230527161625",
+  "version": "0.0.0-dev-v2-20230528041548",
   "description": "The default theme for NextUI components",
   "keywords": [
     "theme",