@nextui-org/theme - npm Package Compare versions

Comparing version 0.0.0-dev-v2-20230606020717 to 0.0.0-dev-v2-20230606203647

dist/components/accordion.d.ts

@@ -25,3 +25,3 @@ import * as tailwind_variants from 'tailwind-variants';
     };
-}, unknown, undefined, undefined, "px-2", tailwind_variants_dist_config.TVConfig<{
+}, undefined, "px-2", tailwind_variants_dist_config.TVConfig<{
     variant: {
@@ -36,3 +36,3 @@ light: string;
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 /**
@@ -101,3 +101,3 @@ * AccordionItem wrapper **Tailwind Variants** component
     };
-}, unknown, {
+}, {
     base: string[];
@@ -112,3 +112,3 @@ heading: string;
     content: string;
-}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+}, undefined, tailwind_variants_dist_config.TVConfig<{
     isCompact: {
@@ -154,3 +154,3 @@ true: {
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 type AccordionGroupVariantProps = VariantProps<typeof accordion>;
@@ -157,0 +157,0 @@ type AccordionItemVariantProps = VariantProps<typeof accordionItem>;

dist/components/avatar.d.ts

@@ -104,3 +104,3 @@ import * as tailwind_variants from 'tailwind-variants';
     };
-}, unknown, {
+}, {
     base: string[];
@@ -111,3 +111,3 @@ img: string[];
     icon: string[];
-}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+}, undefined, tailwind_variants_dist_config.TVConfig<{
     size: {
@@ -199,3 +199,3 @@ xs: {
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 /**
@@ -215,7 +215,7 @@ * AvatarGroup wrapper **Tailwind Variants** component
     };
-}, unknown, undefined, undefined, "flex items-center justify-center h-auto w-max-content", tailwind_variants_dist_config.TVConfig<{
+}, undefined, "flex items-center justify-center h-auto w-max-content", tailwind_variants_dist_config.TVConfig<{
     isGrid: {
         true: string;
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 type AvatarGroupVariantProps = VariantProps<typeof avatarGroup>;
@@ -222,0 +222,0 @@ type AvatarVariantProps = VariantProps<typeof avatar>;

dist/components/badge.d.ts

@@ -122,6 +122,6 @@ import * as tailwind_variants from 'tailwind-variants';
     };
-}, unknown, {
+}, {
     base: string[];
     badge: string[];
-}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+}, undefined, tailwind_variants_dist_config.TVConfig<{
     variant: {
@@ -232,3 +232,3 @@ solid: {};
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 type BadgeVariantProps = VariantProps<typeof badge>;
@@ -235,0 +235,0 @@ type BadgeSlots = keyof ReturnType<typeof badge>;

dist/components/button.d.ts

@@ -77,3 +77,3 @@ import * as tailwind_variants from 'tailwind-variants';
     };
-}, unknown, undefined, undefined, string[], tailwind_variants_dist_config.TVConfig<{
+}, undefined, string[], tailwind_variants_dist_config.TVConfig<{
     variant: {
@@ -134,3 +134,3 @@ solid: string;
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 /**
@@ -150,7 +150,7 @@ * ButtonGroup wrapper **Tailwind Variants** component
     };
-}, unknown, undefined, undefined, "inline-flex items-center justify-center h-auto", tailwind_variants_dist_config.TVConfig<{
+}, undefined, "inline-flex items-center justify-center h-auto", tailwind_variants_dist_config.TVConfig<{
     fullWidth: {
         true: string;
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 type ButtonGroupVariantProps = VariantProps<typeof buttonGroup>;
@@ -157,0 +157,0 @@ type ButtonVariantProps = VariantProps<typeof button>;

dist/components/button.js

@@ -181,3 +181,3 @@ "use strict";
       true: "!transition-none",
-      false: "transition-transform-background motion-reduce:transition-none"
+      false: "transition-transform-colors motion-reduce:transition-none"
     }
@@ -408,7 +408,2 @@ },
     {
-      variant: "ghost",
-      disableAnimation: false,
-      class: "transition-[transform,background]"
-    },
-    {
       isInGroup: true,
@@ -415,0 +410,0 @@ radius: "base",

dist/components/card.d.ts

@@ -126,3 +126,3 @@ import * as tailwind_variants from 'tailwind-variants';
     };
-}, unknown, {
+}, {
     base: string[];
@@ -132,3 +132,3 @@ header: string[];
     footer: string[];
-}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+}, undefined, tailwind_variants_dist_config.TVConfig<{
     shadow: {
@@ -240,3 +240,3 @@ none: {
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 type CardVariantProps = VariantProps<typeof card>;
@@ -243,0 +243,0 @@ type CardSlots = keyof ReturnType<typeof card>;

dist/components/checkbox.d.ts

@@ -114,3 +114,3 @@ import * as tailwind_variants from 'tailwind-variants';
     };
-}, unknown, {
+}, {
     base: string;
@@ -120,3 +120,3 @@ wrapper: string[];
     label: string;
-}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+}, undefined, tailwind_variants_dist_config.TVConfig<{
     color: {
@@ -214,3 +214,3 @@ default: {
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 /**
@@ -235,3 +235,3 @@ * CheckboxGroup wrapper **Tailwind Variants** component
     errorMessage: string;
-}, undefined> | {}, unknown, {
+}, undefined> | {}, {
     base: string;
@@ -242,3 +242,3 @@ label: string;
     errorMessage: string;
-}, undefined, undefined, tailwind_variants_dist_config.TVConfig<tailwind_variants.TVVariantsDefault<{
+}, undefined, tailwind_variants_dist_config.TVConfig<tailwind_variants.TVVariantsDefault<{
     base: string;
@@ -249,3 +249,3 @@ label: string;
     errorMessage: string;
-}, undefined> | {}, unknown>>;
+}, undefined> | {}, unknown>, unknown, undefined>;
 type CheckboxGroupSlots = keyof ReturnType<typeof checkboxGroup>;
@@ -252,0 +252,0 @@ type CheckboxVariantProps = VariantProps<typeof checkbox>;

dist/components/chip.d.ts

@@ -143,3 +143,3 @@ import * as tailwind_variants from 'tailwind-variants';
     };
-}, unknown, {
+}, {
     base: string[];
@@ -150,3 +150,3 @@ content: string;
     closeButton: string[];
-}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+}, undefined, tailwind_variants_dist_config.TVConfig<{
     variant: {
@@ -272,3 +272,3 @@ solid: {};
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 type ChipVariantProps = VariantProps<typeof chip>;
@@ -275,0 +275,0 @@ type ChipSlots = keyof ReturnType<typeof chip>;

dist/components/circular-progress.d.ts

@@ -88,3 +88,3 @@ import * as tailwind_variants from 'tailwind-variants';
     };
-}, unknown, {
+}, {
     base: string;
@@ -97,3 +97,3 @@ label: string;
     value: string;
-}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+}, undefined, tailwind_variants_dist_config.TVConfig<{
     color: {
@@ -162,3 +162,3 @@ default: {
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 type CircularProgressVariantProps = VariantProps<typeof circularProgress>;
@@ -165,0 +165,0 @@ type CircularProgressSlots = keyof ReturnType<typeof circularProgress>;

dist/components/code.d.ts

@@ -40,3 +40,3 @@ import * as tailwind_variants from 'tailwind-variants';
     };
-}, unknown, undefined, undefined, string[], tailwind_variants_dist_config.TVConfig<{
+}, undefined, string[], tailwind_variants_dist_config.TVConfig<{
     color: {
@@ -66,5 +66,5 @@ default: string;
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 type CodeVariantProps = VariantProps<typeof code>;
 
 export { CodeVariantProps, code };

dist/components/divider.d.ts

@@ -19,3 +19,3 @@ import * as tailwind_variants from 'tailwind-variants';
     };
-}, unknown, undefined, undefined, "shrink-0 bg-border border-none", tailwind_variants_dist_config.TVConfig<{
+}, undefined, "shrink-0 bg-border border-none", tailwind_variants_dist_config.TVConfig<{
     orientation: {
@@ -25,5 +25,5 @@ horizontal: string;
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 type DividerVariantProps = VariantProps<typeof divider>;
 
 export { DividerVariantProps, divider };

dist/components/drip.d.ts

@@ -12,4 +12,4 @@ import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
  */
-declare const drip: tailwind_variants.TVReturnType<tailwind_variants.TVVariantsDefault<undefined, string[]> | {}, unknown, undefined, undefined, string[], tailwind_variants_dist_config.TVConfig<tailwind_variants.TVVariantsDefault<undefined, string[]> | {}, unknown>>;
+declare const drip: tailwind_variants.TVReturnType<tailwind_variants.TVVariantsDefault<undefined, string[]> | {}, undefined, string[], tailwind_variants_dist_config.TVConfig<tailwind_variants.TVVariantsDefault<undefined, string[]> | {}, unknown>, unknown, undefined>;
 
 export { drip };

dist/components/dropdown.d.ts

@@ -19,3 +19,3 @@ import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
  */
-declare const dropdown: tailwind_variants.TVReturnType<tailwind_variants.TVVariantsDefault<undefined, string[]> | {}, unknown, undefined, undefined, string[], tailwind_variants_dist_config.TVConfig<tailwind_variants.TVVariantsDefault<undefined, string[]> | {}, unknown>>;
+declare const dropdown: tailwind_variants.TVReturnType<tailwind_variants.TVVariantsDefault<undefined, string[]> | {}, undefined, string[], tailwind_variants_dist_config.TVConfig<tailwind_variants.TVVariantsDefault<undefined, string[]> | {}, unknown>, unknown, undefined>;
 /**
@@ -86,3 +86,3 @@ * DropdownItem wrapper **Tailwind Variants** component
     };
-}, unknown, {
+}, {
     base: string[];
@@ -94,3 +94,3 @@ wrapper: string;
     shortcut: string[];
-}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+}, undefined, tailwind_variants_dist_config.TVConfig<{
     variant: {
@@ -138,3 +138,3 @@ solid: {
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 /**
@@ -160,6 +160,6 @@ * Dropdown wrapper **Tailwind Variants** component
     };
-}, unknown, {
+}, {
     section: string;
     heading: string;
-}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+}, undefined, tailwind_variants_dist_config.TVConfig<{
     showDivider: {
@@ -170,3 +170,3 @@ true: {
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 /**
@@ -178,3 +178,3 @@ * Dropdown Menu wrapper **Tailwind Variants** component
  */
-declare const dropdownMenu: tailwind_variants.TVReturnType<tailwind_variants.TVVariantsDefault<undefined, "w-full flex flex-col p-1"> | {}, unknown, undefined, undefined, "w-full flex flex-col p-1", tailwind_variants_dist_config.TVConfig<tailwind_variants.TVVariantsDefault<undefined, "w-full flex flex-col p-1"> | {}, unknown>>;
+declare const dropdownMenu: tailwind_variants.TVReturnType<tailwind_variants.TVVariantsDefault<undefined, "w-full flex flex-col p-1"> | {}, undefined, "w-full flex flex-col p-1", tailwind_variants_dist_config.TVConfig<tailwind_variants.TVVariantsDefault<undefined, "w-full flex flex-col p-1"> | {}, unknown>, unknown, undefined>;
 type DropdownSectionVariantProps = VariantProps<typeof dropdownSection>;
@@ -181,0 +181,0 @@ type DropdownSectionSlots = keyof ReturnType<typeof dropdownSection>;

dist/components/image.d.ts

@@ -8,6 +8,6 @@ import * as tailwind_variants from 'tailwind-variants';
  *
- * const {base, img, blurredImg, zoomedWrapper} = image({...})
+ * const {img, wrapper, blurredImg, zoomedWrapper} = image({...})
  *
  * @example
- * <div className={base()}>
+ * <div className={wrapper()}>
  *    <img alt="image" className={img())} src="https://..." />
@@ -87,8 +87,8 @@ *      // wrap the image if you want to zoom it
     };
-}, unknown, {
-    base: string;
+}, {
+    wrapper: string;
     zoomedWrapper: string;
     img: string;
     blurredImg: string[];
-}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+}, undefined, tailwind_variants_dist_config.TVConfig<{
     radius: {
@@ -158,3 +158,3 @@ none: {};
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 type ImageVariantProps = VariantProps<typeof image>;
@@ -161,0 +161,0 @@ type ImageSlots = keyof ReturnType<typeof image>;

dist/components/image.js

@@ -29,3 +29,3 @@ "use strict";
   slots: {
-    base: "relative shadow-black/5",
+    wrapper: "relative shadow-black/5",
     zoomedWrapper: "relative overflow-hidden rounded-inherit",
@@ -147,3 +147,3 @@ img: "relative z-10 opacity-0 shadow-black/5 data-[loaded=true]:opacity-100",
     {
-      slots: ["base", "img", "blurredImg", "zoomedWrapper"],
+      slots: ["wrapper", "img", "blurredImg", "zoomedWrapper"],
       radius: "none",
@@ -153,3 +153,3 @@ class: "rounded-none"
     {
-      slots: ["base", "img", "blurredImg", "zoomedWrapper"],
+      slots: ["wrapper", "img", "blurredImg", "zoomedWrapper"],
       radius: "full",
@@ -159,3 +159,3 @@ class: "rounded-full"
     {
-      slots: ["base", "img", "blurredImg", "zoomedWrapper"],
+      slots: ["wrapper", "img", "blurredImg", "zoomedWrapper"],
       radius: "base",
@@ -165,3 +165,3 @@ class: "rounded"
     {
-      slots: ["base", "img", "blurredImg", "zoomedWrapper"],
+      slots: ["wrapper", "img", "blurredImg", "zoomedWrapper"],
       radius: "sm",
@@ -171,3 +171,3 @@ class: "rounded-sm"
     {
-      slots: ["base", "img", "blurredImg", "zoomedWrapper"],
+      slots: ["wrapper", "img", "blurredImg", "zoomedWrapper"],
       radius: "md",
@@ -177,3 +177,3 @@ class: "rounded-md"
     {
-      slots: ["base", "img", "blurredImg", "zoomedWrapper"],
+      slots: ["wrapper", "img", "blurredImg", "zoomedWrapper"],
       radius: "lg",
@@ -183,3 +183,3 @@ class: "rounded-lg"
     {
-      slots: ["base", "img", "blurredImg", "zoomedWrapper"],
+      slots: ["wrapper", "img", "blurredImg", "zoomedWrapper"],
       radius: "xl",
@@ -189,3 +189,3 @@ class: "rounded-xl"
     {
-      slots: ["base", "img", "blurredImg", "zoomedWrapper"],
+      slots: ["wrapper", "img", "blurredImg", "zoomedWrapper"],
       radius: "2xl",
@@ -195,3 +195,3 @@ class: "rounded-2xl"
     {
-      slots: ["base", "img", "blurredImg", "zoomedWrapper"],
+      slots: ["wrapper", "img", "blurredImg", "zoomedWrapper"],
       radius: "3xl",
@@ -198,0 +198,0 @@ class: "rounded-3xl"

dist/components/input.d.ts

@@ -171,3 +171,3 @@ import * as tailwind_variants from 'tailwind-variants';
     };
-}, unknown, {
+}, {
     base: string;
@@ -181,3 +181,3 @@ label: string;
     errorMessage: string;
-}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+}, undefined, tailwind_variants_dist_config.TVConfig<{
     variant: {
@@ -330,3 +330,3 @@ flat: {
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 type InputVariantProps = VariantProps<typeof input>;
@@ -333,0 +333,0 @@ type InputSlots = keyof ReturnType<typeof input>;

dist/components/kbd.d.ts

@@ -35,7 +35,7 @@ import * as tailwind_variants from 'tailwind-variants';
  */
-declare const kbd: tailwind_variants.TVReturnType<{}, unknown, {
+declare const kbd: tailwind_variants.TVReturnType<{}, {
     base: string[];
     abbr: string;
     content: string;
-}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{}, unknown>>;
+}, undefined, tailwind_variants_dist_config.TVConfig<{}, unknown>, unknown, undefined>;
 type KbdVariantProps = VariantProps<typeof kbd>;
@@ -42,0 +42,0 @@ type KbdSlots = keyof ReturnType<typeof kbd>;

dist/components/link.d.ts

@@ -44,3 +44,3 @@ import * as tailwind_variants from 'tailwind-variants';
     };
-}, unknown, undefined, undefined, string[], tailwind_variants_dist_config.TVConfig<{
+}, undefined, string[], tailwind_variants_dist_config.TVConfig<{
     size: {
@@ -78,3 +78,3 @@ xs: string;
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 declare const linkAnchorClasses = "flex mx-1 text-current self-center";
@@ -81,0 +81,0 @@ type LinkVariantProps = VariantProps<typeof link>;

dist/components/modal.d.ts

@@ -101,3 +101,3 @@ import * as tailwind_variants from 'tailwind-variants';
     };
-}, unknown, {
+}, {
     wrapper: string[];
@@ -111,3 +111,3 @@ base: string[];
     closeButton: string[];
-}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+}, undefined, tailwind_variants_dist_config.TVConfig<{
     size: {
@@ -190,3 +190,3 @@ xs: {
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 type ModalVariantProps = VariantProps<typeof modal>;
@@ -193,0 +193,0 @@ type ModalSlots = keyof ReturnType<typeof modal>;

dist/components/navbar.d.ts

@@ -94,3 +94,3 @@ import * as tailwind_variants from 'tailwind-variants';
     };
-}, unknown, {
+}, {
     base: string[];
@@ -106,3 +106,3 @@ wrapper: string[];
     menuItem: string[];
-}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+}, undefined, tailwind_variants_dist_config.TVConfig<{
     position: {
@@ -153,3 +153,3 @@ static: {
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 type NavbarVariantProps = VariantProps<typeof navbar>;
@@ -156,0 +156,0 @@ type NavbarSlots = keyof ReturnType<typeof navbar>;

dist/components/pagination.d.ts

@@ -101,3 +101,3 @@ import * as tailwind_variants from 'tailwind-variants';
     };
-}, unknown, {
+}, {
     base: string;
@@ -111,3 +111,3 @@ item: never[];
     chevronNext: string;
-}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+}, undefined, tailwind_variants_dist_config.TVConfig<{
     variant: {
@@ -192,3 +192,3 @@ bordered: {
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 type PaginationVariantProps = VariantProps<typeof pagination>;
@@ -195,0 +195,0 @@ type PaginationSlots = keyof ReturnType<typeof pagination>;

dist/components/popover.d.ts

@@ -8,6 +8,7 @@ import * as tailwind_variants from 'tailwind-variants';
  *
- * const { base, trigger, arrow } = popover({...})
+ * const { base, trigger, backdrop, arrow } = popover({...})
  *
  * @example
  * <div>
+ *  <div className={backdrop()} />
  *  <button className={trigger()} aria-expanded="true/false">your trigger</button>
@@ -127,3 +128,3 @@ *  <div className={base()}>
     };
-}, unknown, {
+}, {
     base: string[];
@@ -133,3 +134,3 @@ trigger: string[];
     arrow: string[];
-}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+}, undefined, tailwind_variants_dist_config.TVConfig<{
     size: {
@@ -241,3 +242,3 @@ xs: {
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 type PopoverVariantProps = VariantProps<typeof popover>;
@@ -244,0 +245,0 @@ type PopoverSlots = keyof ReturnType<typeof popover>;

dist/components/progress.d.ts

@@ -121,3 +121,3 @@ import * as tailwind_variants from 'tailwind-variants';
     };
-}, unknown, {
+}, {
     base: string;
@@ -129,5 +129,5 @@ label: string;
     indicator: string;
-}, undefined, undefined, {
+}, undefined, {
     twMerge: false;
-}>;
+}, unknown, undefined>;
 type ProgressVariantProps = VariantProps<typeof progress>;
@@ -134,0 +134,0 @@ type ProgressSlots = keyof ReturnType<typeof progress>;

dist/components/radio.d.ts

@@ -141,3 +141,3 @@ import * as tailwind_variants from 'tailwind-variants';
     };
-}, unknown, {
+}, {
     base: string;
@@ -149,3 +149,3 @@ wrapper: string[];
     description: string;
-}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+}, undefined, tailwind_variants_dist_config.TVConfig<{
     color: {
@@ -264,3 +264,3 @@ default: {
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 /**
@@ -285,3 +285,3 @@ * RadioGroup wrapper **Tailwind Variants** component
     errorMessage: string;
-}, undefined> | {}, unknown, {
+}, undefined> | {}, {
     base: string;
@@ -292,3 +292,3 @@ label: string;
     errorMessage: string;
-}, undefined, undefined, tailwind_variants_dist_config.TVConfig<tailwind_variants.TVVariantsDefault<{
+}, undefined, tailwind_variants_dist_config.TVConfig<tailwind_variants.TVVariantsDefault<{
     base: string;
@@ -299,3 +299,3 @@ label: string;
     errorMessage: string;
-}, undefined> | {}, unknown>>;
+}, undefined> | {}, unknown>, unknown, undefined>;
 type RadioGroupSlots = keyof ReturnType<typeof radioGroup>;
@@ -302,0 +302,0 @@ type RadioVariantProps = VariantProps<typeof radio>;

dist/components/skeleton.d.ts

@@ -26,6 +26,6 @@ import * as tailwind_variants from 'tailwind-variants';
     };
-}, unknown, {
+}, {
     base: string[];
     content: string[];
-}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+}, undefined, tailwind_variants_dist_config.TVConfig<{
     disableAnimation: {
@@ -41,3 +41,3 @@ true: {
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 type SkeletonVariantProps = VariantProps<typeof skeleton>;
@@ -44,0 +44,0 @@ type SkeletonSlots = keyof ReturnType<typeof skeleton>;

dist/components/snippet.d.ts

@@ -102,3 +102,3 @@ import * as tailwind_variants from 'tailwind-variants';
     };
-}, unknown, {
+}, {
     base: string;
@@ -111,3 +111,3 @@ pre: string;
     checkIcon: string[];
-}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+}, undefined, tailwind_variants_dist_config.TVConfig<{
     variant: {
@@ -191,3 +191,3 @@ flat: string;
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 type SnippetVariantProps = VariantProps<typeof snippet>;
@@ -194,0 +194,0 @@ type SnippetSlots = keyof ReturnType<typeof snippet>;

dist/components/spacer.d.ts

@@ -19,3 +19,3 @@ import * as tailwind_variants from 'tailwind-variants';
     };
-}, unknown, undefined, undefined, "w-px h-px inline-block", tailwind_variants_dist_config.TVConfig<{
+}, undefined, "w-px h-px inline-block", tailwind_variants_dist_config.TVConfig<{
     isInline: {
@@ -25,5 +25,5 @@ true: string;
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 type SpacerVariantProps = VariantProps<typeof spacer>;
 
 export { SpacerVariantProps, spacer };

dist/components/spinner.d.ts

@@ -104,3 +104,3 @@ import * as tailwind_variants from 'tailwind-variants';
     };
-}, unknown, {
+}, {
     base: string;
@@ -111,3 +111,3 @@ wrapper: string;
     label: string;
-}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+}, undefined, tailwind_variants_dist_config.TVConfig<{
     size: {
@@ -199,3 +199,3 @@ xs: {
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 type SpinnerVariantProps = VariantProps<typeof spinner>;
@@ -202,0 +202,0 @@ type SpinnerSlots = keyof ReturnType<typeof spinner>;

dist/components/table.d.ts

@@ -150,3 +150,3 @@ import * as tailwind_variants from 'tailwind-variants';
     };
-}, unknown, {
+}, {
     base: string[];
@@ -163,3 +163,3 @@ table: string;
     loadingWrapper: string;
-}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+}, undefined, tailwind_variants_dist_config.TVConfig<{
     color: {
@@ -274,3 +274,3 @@ default: {
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 type TableVariantProps = VariantProps<typeof table>;
@@ -277,0 +277,0 @@ type TableSlots = keyof ReturnType<typeof table>;

dist/components/tabs.d.ts

@@ -119,3 +119,3 @@ import * as tailwind_variants from 'tailwind-variants';
     };
-}, unknown, {
+}, {
     base: string;
@@ -127,3 +127,3 @@ tabList: string[];
     panel: string[];
-}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+}, undefined, tailwind_variants_dist_config.TVConfig<{
     variant: {
@@ -225,3 +225,3 @@ solid: {
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 type TabsVariantProps = VariantProps<typeof tabs>;
@@ -228,0 +228,0 @@ type TabsSlots = keyof ReturnType<typeof tabs>;

dist/components/toggle.d.ts

@@ -105,3 +105,3 @@ import * as tailwind_variants from 'tailwind-variants';
     };
-}, unknown, {
+}, {
     base: string;
@@ -114,3 +114,3 @@ wrapper: string[];
     label: string;
-}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+}, undefined, tailwind_variants_dist_config.TVConfig<{
     color: {
@@ -190,3 +190,3 @@ default: {
     };
-}, unknown>>;
+}, unknown>, unknown, undefined>;
 type ToggleVariantProps = VariantProps<typeof toggle>;
@@ -193,0 +193,0 @@ type ToggleSlots = keyof ReturnType<typeof toggle>;

dist/components/user.d.ts

@@ -23,3 +23,3 @@ import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
     description: string;
-}, undefined> | {}, unknown, {
+}, undefined> | {}, {
     base: string[];
@@ -29,3 +29,3 @@ wrapper: string;
     description: string;
-}, undefined, undefined, tailwind_variants_dist_config.TVConfig<tailwind_variants.TVVariantsDefault<{
+}, undefined, tailwind_variants_dist_config.TVConfig<tailwind_variants.TVVariantsDefault<{
     base: string[];
@@ -35,5 +35,5 @@ wrapper: string;
     description: string;
-}, undefined> | {}, unknown>>;
+}, undefined> | {}, unknown>, unknown, undefined>;
 type UserSlots = keyof ReturnType<typeof user>;
 
 export { UserSlots, user };

dist/plugin.js

@@ -458,2 +458,7 @@ "use strict";
     "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
+  ".transition-transform-colors": {
+    " transition-property": "transform, color, background, background-color, border-color, text-decoration-color, fill, stroke",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
   }
@@ -460,0 +465,0 @@ };

dist/utilities/index.d.ts

@@ -75,4 +75,9 @@ declare const utilities: {
     };
+    ".transition-transform-colors": {
+        " transition-property": string;
+        "transition-timing-function": string;
+        "transition-duration": string;
+    };
 };
 
 export { utilities };

dist/utilities/index.js

@@ -94,2 +94,7 @@ "use strict";
     "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
+  ".transition-transform-colors": {
+    " transition-property": "transform, color, background, background-color, border-color, text-decoration-color, fill, stroke",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
   }
@@ -96,0 +101,0 @@ };

package.json

 {
   "name": "@nextui-org/theme",
-  "version": "0.0.0-dev-v2-20230606020717",
+  "version": "0.0.0-dev-v2-20230606203647",
   "description": "The default theme for NextUI components",
@@ -49,3 +49,3 @@ "keywords": [
     "lodash.omit": "^4.5.0",
-    "tailwind-variants": "^0.1.5",
+    "tailwind-variants": "^0.1.6",
     "tailwindcss": "^3.2.7"
@@ -52,0 +52,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

868015

increased by0.11%

Lines of code

35956

increased by0.02%

Dependency changes

• Updatedtailwind-variants@^0.1.6