@nextui-org/theme 2.1.17 → 2.2.0

package/dist/{chunk-G3PB7L4N.mjs → chunk-HPFX3B3F.mjs}

@@ -1,31 +1,11 @@
 // src/utilities/transition.ts
 var DEFAULT_TRANSITION_DURATION = "250ms";
 var transition_default = {
-  ".transition-all": {
-    "transition-property": "all",
-    "transition-timing-function": "ease",
-    "transition-duration": DEFAULT_TRANSITION_DURATION
-  },
   ".transition-background": {
     "transition-property": "background",
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
   },
-  ".transition": {
-    "transition-property": "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
-    "transition-timing-function": "ease",
-    "transition-duration": DEFAULT_TRANSITION_DURATION
-  },
-  ".transition-colors": {
-    "transition-property": "color, background-color, border-color, text-decoration-color, fill, stroke",
-    "transition-timing-function": "ease",
-    "transition-duration": DEFAULT_TRANSITION_DURATION
-  },
-  ".transition-opacity": {
-    "transition-property": "opacity",
-    "transition-timing-function": "ease",
-    "transition-duration": DEFAULT_TRANSITION_DURATION
-  },
   ".transition-colors-opacity": {
     "transition-property": "color, background-color, border-color, text-decoration-color, fill, stroke, opacity",
     "transition-timing-function": "ease",
@@ -51,16 +31,6 @@ var transition_default = {
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
   },
-  ".transition-shadow": {
-    "transition-property": "box-shadow",
-    "transition-timing-function": "ease",
-    "transition-duration": DEFAULT_TRANSITION_DURATION
-  },
-  ".transition-transform": {
-    "transition-property": "transform",
-    "transition-timing-function": "ease",
-    "transition-duration": DEFAULT_TRANSITION_DURATION
-  },
   ".transition-transform-opacity": {
     "transition-property": "transform, opacity",
     "transition-timing-function": "ease",
@@ -84,5 +54,6 @@ var transition_default = {
 };
 
 export {
+  DEFAULT_TRANSITION_DURATION,
   transition_default
 };

package/dist/{chunk-VZI6SR6H.mjs → chunk-HUBDRSA4.mjs}

@@ -1,8 +1,7 @@
 // src/default-layout.ts
 var defaultLayout = {
-  spacingUnit: 4,
-  disabledOpacity: ".5",
   dividerWeight: "1px",
+  disabledOpacity: ".5",
   fontSize: {
     tiny: "0.75rem",
     small: "0.875rem",

package/dist/{chunk-33DU6C7I.mjs → chunk-I6ESTKKY.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2PIR7DFM.mjs";
 import {
   tv
-} from "./chunk-6AEINX52.mjs";
+} from "./chunk-GMMETTYU.mjs";
 import {
   collapseAdjacentVariantBorders,
   dataFocusVisibleClasses
@@ -41,9 +41,9 @@ var button = tv({
       ghost: "border-medium bg-transparent"
     },
     size: {
-      sm: "px-unit-3 min-w-unit-16 h-unit-8 text-tiny gap-unit-2 rounded-small",
-      md: "px-unit-4 min-w-unit-20 h-unit-10 text-small gap-unit-2 rounded-medium",
-      lg: "px-unit-6 min-w-unit-24 h-unit-12 text-medium gap-unit-3 rounded-large"
+      sm: "px-3 min-w-16 h-8 text-tiny gap-2 rounded-small",
+      md: "px-4 min-w-20 h-10 text-small gap-2 rounded-medium",
+      lg: "px-6 min-w-24 h-12 text-medium gap-3 rounded-large"
     },
     color: {
       default: "",
@@ -70,8 +70,8 @@ var button = tv({
       true: "[&:not(:first-child):not(:last-child)]:rounded-none"
     },
     isIconOnly: {
-      true: "px-unit-0 !gap-unit-0",
-      false: "[&>svg]:max-w-[theme(spacing.unit-8)]"
+      true: "px-0 !gap-0",
+      false: "[&>svg]:max-w-[theme(spacing.8)]"
     },
     disableAnimation: {
       true: "!transition-none",
@@ -386,17 +386,17 @@ var button = tv({
     {
       isIconOnly: true,
       size: "sm",
-      class: "min-w-unit-8 w-unit-8 h-unit-8"
+      class: "min-w-8 w-8 h-8"
     },
     {
       isIconOnly: true,
       size: "md",
-      class: "min-w-unit-10 w-unit-10 h-unit-10"
+      class: "min-w-10 w-10 h-10"
     },
     {
       isIconOnly: true,
       size: "lg",
-      class: "min-w-unit-12 w-unit-12 h-unit-12"
+      class: "min-w-12 w-12 h-12"
     },
     {
       variant: ["solid", "faded", "flat", "bordered", "shadow"],

package/dist/{chunk-EGP3AT4R.mjs → chunk-IP3D7KVB.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-6AEINX52.mjs";
+} from "./chunk-GMMETTYU.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -52,6 +52,8 @@ var modal = tv({
       "select-none",
       "top-1",
       "right-1",
+      "rtl:left-1",
+      "rtl:right-[unset]",
       "p-2",
       "text-foreground-500",
       "rounded-full",

package/dist/{chunk-Q3TEEYQJ.mjs → chunk-JQTFOIV7.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-6AEINX52.mjs";
+} from "./chunk-GMMETTYU.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";

package/dist/{chunk-JBHEJMGV.mjs → chunk-KCOC3H6R.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-6AEINX52.mjs";
+} from "./chunk-GMMETTYU.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";

package/dist/{chunk-ZWJMJMVY.mjs → chunk-KVPPQD2E.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-6AEINX52.mjs";
+} from "./chunk-GMMETTYU.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -30,6 +30,7 @@ var table = tv({
       "px-3",
       "h-10",
       "text-left",
+      "rtl:text-right",
       "align-middle",
       "bg-default-100",
       "whitespace-nowrap",
@@ -37,7 +38,11 @@ var table = tv({
       "text-tiny",
       "font-semibold",
       "first:rounded-l-lg",
+      "rtl:first:rounded-r-lg",
+      "rtl:first:rounded-l-[unset]",
       "last:rounded-r-lg",
+      "rtl:last:rounded-l-lg",
+      "rtl:last:rounded-r-[unset]",
       "outline-none",
       "data-[sortable=true]:transition-colors",
       "data-[sortable=true]:cursor-pointer",
@@ -62,7 +67,8 @@ var table = tv({
       "before:inset-0",
       "before:opacity-0",
       "data-[selected=true]:before:opacity-100",
-      "group-data-[disabled=true]:text-foreground-300"
+      "group-data-[disabled=true]:text-foreground-300",
+      "group-data-[disabled=true]:cursor-not-allowed"
     ],
     tfoot: "",
     sortIcon: [
@@ -145,7 +151,8 @@ var table = tv({
       true: {
         td: [
           "group-data-[odd=true]:before:bg-default-100",
-          "group-data-[odd=true]:before:opacity-100"
+          "group-data-[odd=true]:before:opacity-100",
+          "group-data-[odd=true]:before:-z-10"
         ]
       }
     },
@@ -173,14 +180,29 @@ var table = tv({
       true: {
         td: [
           "group-data-[first=true]:first:before:rounded-tl-lg",
+          "group-data-[first=true]:rtl:first:before:rounded-tr-lg",
+          "group-data-[first=true]:rtl:first:before:rounded-tl-[unset]",
           "group-data-[first=true]:last:before:rounded-tr-lg",
+          "group-data-[first=true]:rtl:last:before:rounded-tl-lg",
+          "group-data-[first=true]:rtl:last:before:rounded-tr-[unset]",
           "group-data-[middle=true]:before:rounded-none",
           "group-data-[last=true]:first:before:rounded-bl-lg",
-          "group-data-[last=true]:last:before:rounded-br-lg"
+          "group-data-[last=true]:rtl:first:before:rounded-br-lg",
+          "group-data-[last=true]:rtl:first:before:rounded-bl-[unset]",
+          "group-data-[last=true]:last:before:rounded-br-lg",
+          "group-data-[last=true]:rtl:last:before:rounded-bl-lg",
+          "group-data-[last=true]:rtl:last:before:rounded-br-[unset]"
         ]
       },
       false: {
-        td: ["first:before:rounded-l-lg", "last:before:rounded-r-lg"]
+        td: [
+          "first:before:rounded-l-lg",
+          "rtl:first:before:rounded-r-lg",
+          "rtl:first:before:rounded-l-[unset]",
+          "last:before:rounded-r-lg",
+          "rtl:last:before:rounded-l-lg",
+          "rtl:last:before:rounded-r-[unset]"
+        ]
       }
     },
     fullWidth: {

package/dist/{chunk-WBNF66V7.mjs → chunk-LDBYFTHC.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-6AEINX52.mjs";
+} from "./chunk-GMMETTYU.mjs";
 
 // src/components/image.ts
 var image = tv({

package/dist/{chunk-GOHT67J3.mjs → chunk-MUWHEIW6.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-6AEINX52.mjs";
+} from "./chunk-GMMETTYU.mjs";
 import {
   dataFocusVisibleClasses,
   groupDataFocusVisibleClasses
@@ -15,6 +15,7 @@ var input = tv({
       "z-10",
       "pointer-events-none",
       "origin-top-left",
+      "rtl:origin-top-right",
       "subpixel-antialiased",
       "block",
       "text-small",
@@ -35,6 +36,8 @@ var input = tv({
       "hidden",
       "absolute",
       "right-3",
+      "rtl:right-auto",
+      "rtl:left-3",
       "appearance-none",
       "outline-none",
       "select-none",
@@ -113,17 +116,17 @@ var input = tv({
     size: {
       sm: {
         label: "text-tiny",
-        inputWrapper: "h-unit-8 min-h-unit-8 px-2 rounded-small",
+        inputWrapper: "h-8 min-h-8 px-2 rounded-small",
         input: "text-small",
         clearButton: "text-medium"
       },
       md: {
-        inputWrapper: "h-unit-10 min-h-unit-10 rounded-medium",
+        inputWrapper: "h-10 min-h-10 rounded-medium",
         input: "text-small",
         clearButton: "text-large"
       },
       lg: {
-        inputWrapper: "h-unit-12 min-h-unit-12 rounded-large",
+        inputWrapper: "h-12 min-h-12 rounded-large",
         input: "text-medium",
         clearButton: "text-large"
       }
@@ -153,7 +156,7 @@ var input = tv({
         base: "flex-row items-center flex-nowrap data-[has-helper=true]:items-start",
         inputWrapper: "flex-1",
         mainWrapper: "flex flex-col",
-        label: "relative text-foreground pr-2"
+        label: "relative text-foreground pr-2 rtl:pr-0 rtl:pl-2"
       },
       inside: {
         label: "text-tiny cursor-text",
@@ -168,7 +171,7 @@ var input = tv({
     },
     isClearable: {
       true: {
-        input: "peer pr-6",
+        input: "peer pr-6 rtl:pr-0 rtl:pl-6",
         clearButton: "peer-data-[filled=true]:opacity-70 peer-data-[filled=true]:block"
       }
     },
@@ -734,6 +737,8 @@ var input = tv({
       class: {
         label: [
           "left-3",
+          "rtl:left-auto",
+          "rtl:right-3",
           "text-small",
           "group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_20px)]"
         ],
@@ -747,6 +752,8 @@ var input = tv({
       class: {
         label: [
           "left-3",
+          "rtl:left-auto",
+          "rtl:right-3",
           "text-medium",
           "group-data-[filled-within=true]:-translate-y-[calc(100%_+_theme(fontSize.small)/2_+_24px)]"
         ],

package/dist/{chunk-2SNOAR5H.mjs → chunk-NAUU2OUH.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-6AEINX52.mjs";
+} from "./chunk-GMMETTYU.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";

package/dist/{chunk-QYW2VWAB.mjs → chunk-NYSEAAK5.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-6AEINX52.mjs";
+} from "./chunk-GMMETTYU.mjs";
 import {
   groupDataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -61,7 +61,7 @@ var checkbox = tv({
     size: {
       sm: {
         wrapper: [
-          "w-4 h-4 mr-2",
+          "w-4 h-4 mr-2 rtl:ml-2 rtl:mr-[unset]",
           "rounded-[calc(theme(borderRadius.medium)*0.5)]",
           "before:rounded-[calc(theme(borderRadius.medium)*0.5)]",
           "after:rounded-[calc(theme(borderRadius.medium)*0.5)]"
@@ -71,7 +71,7 @@ var checkbox = tv({
       },
       md: {
         wrapper: [
-          "w-5 h-5 mr-2",
+          "w-5 h-5 mr-2 rtl:ml-2 rtl:mr-[unset]",
           "rounded-[calc(theme(borderRadius.medium)*0.6)]",
           "before:rounded-[calc(theme(borderRadius.medium)*0.6)]",
           "after:rounded-[calc(theme(borderRadius.medium)*0.6)]"
@@ -81,7 +81,7 @@ var checkbox = tv({
       },
       lg: {
         wrapper: [
-          "w-6 h-6 mr-2",
+          "w-6 h-6 mr-2 rtl:ml-2 rtl:mr-[unset]",
           "rounded-[calc(theme(borderRadius.medium)*0.7)]",
           "before:rounded-[calc(theme(borderRadius.medium)*0.7)]",
           "after:rounded-[calc(theme(borderRadius.medium)*0.7)]"

package/dist/{chunk-LENRVMCD.mjs → chunk-OQIS4MXV.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-6AEINX52.mjs";
+} from "./chunk-GMMETTYU.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";

package/dist/{chunk-NAY2XKLY.mjs → chunk-PSEUPXFL.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-6AEINX52.mjs";
+} from "./chunk-GMMETTYU.mjs";
 
 // src/components/spinner.ts
 var spinner = tv({

package/dist/{chunk-SPRRISBY.mjs → chunk-RNAP5C4C.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2PIR7DFM.mjs";
 import {
   tv
-} from "./chunk-6AEINX52.mjs";
+} from "./chunk-GMMETTYU.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";

package/dist/{chunk-L37EV5TN.mjs → chunk-S573WUYY.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2PIR7DFM.mjs";
 import {
   tv
-} from "./chunk-6AEINX52.mjs";
+} from "./chunk-GMMETTYU.mjs";
 
 // src/components/badge.ts
 var badge = tv({

package/dist/{chunk-777XXWYS.mjs → chunk-SEKJ6A6T.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2PIR7DFM.mjs";
 import {
   tv
-} from "./chunk-6AEINX52.mjs";
+} from "./chunk-GMMETTYU.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -57,7 +57,8 @@ var tabs = tv({
       "px-1",
       "outline-none",
       ...dataFocusVisibleClasses
-    ]
+    ],
+    wrapper: []
   },
   variants: {
     variant: {
@@ -145,6 +146,22 @@ var tabs = tv({
         tab: "transition-none",
         tabContent: "transition-none"
       }
+    },
+    placement: {
+      top: {},
+      start: {
+        tabList: "flex-col",
+        panel: "py-0 px-3",
+        wrapper: "flex"
+      },
+      end: {
+        tabList: "flex-col",
+        panel: "py-0 px-3",
+        wrapper: "flex flex-row-reverse"
+      },
+      bottom: {
+        wrapper: "flex flex-col-reverse"
+      }
     }
   },
   defaultVariants: {

package/dist/{chunk-YSXRNNDV.mjs → chunk-UODOTC2G.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-6AEINX52.mjs";
+} from "./chunk-GMMETTYU.mjs";
 
 // src/components/divider.ts
 var divider = tv({

package/dist/{chunk-77O7KLUI.mjs → chunk-V5ZTBGGO.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2PIR7DFM.mjs";
 import {
   tv
-} from "./chunk-6AEINX52.mjs";
+} from "./chunk-GMMETTYU.mjs";
 
 // src/components/code.ts
 var code = tv({

package/dist/{chunk-MUPUMXL7.mjs → chunk-VDRJHB4F.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2PIR7DFM.mjs";
 import {
   tv
-} from "./chunk-6AEINX52.mjs";
+} from "./chunk-GMMETTYU.mjs";
 import {
   dataFocusVisibleClasses,
   translateCenterClasses
@@ -108,8 +108,8 @@ var avatar = tv({
     isInGroup: {
       true: {
         base: [
-          "-ms-2 data-[hover=true]:-translate-x-3 transition-transform",
-          "data-[focus-visible=true]:-translate-x-3"
+          "-ms-2 data-[hover=true]:-translate-x-3 rtl:data-[hover=true]:translate-x-3 transition-transform",
+          "data-[focus-visible=true]:-translate-x-3 rtl:data-[focus-visible=true]:translate-x-3"
         ]
       }
     },
@@ -170,7 +170,10 @@ var avatar = tv({
   ]
 });
 var avatarGroup = tv({
-  base: "flex items-center justify-center h-auto w-max-content",
+  slots: {
+    base: "flex items-center justify-center h-auto w-max-content",
+    count: "hover:-translate-x-0"
+  },
   variants: {
     isGrid: {
       true: "inline-grid grid-cols-4 gap-3"

package/dist/{chunk-EC4F6RJF.mjs → chunk-W6DVXJB3.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-6AEINX52.mjs";
+} from "./chunk-GMMETTYU.mjs";
 
 // src/components/spacer.ts
 var spacer = tv({

package/dist/{chunk-XPLXQDB3.mjs → chunk-WAAJG22Y.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-6AEINX52.mjs";
+} from "./chunk-GMMETTYU.mjs";
 
 // src/components/circular-progress.ts
 var circularProgress = tv({

package/dist/{chunk-TDMF44G6.mjs → chunk-X7N3NQ6S.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-6AEINX52.mjs";
+} from "./chunk-GMMETTYU.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";

package/dist/{chunk-5QVKTCUZ.mjs → chunk-YSA7EQBH.mjs}

@@ -1,11 +1,12 @@
+import {
+  isBaseTheme
+} from "./chunk-D2XMP2NC.mjs";
 import {
   utilities
-} from "./chunk-S7W5DQP2.mjs";
+} from "./chunk-726LN7M3.mjs";
 import {
-  createSpacingUnits,
-  generateSpacingScale,
-  isBaseTheme
-} from "./chunk-DGMET46Q.mjs";
+  DEFAULT_TRANSITION_DURATION
+} from "./chunk-HPFX3B3F.mjs";
 import {
   baseStyles
 } from "./chunk-XHQUSKIE.mjs";
@@ -19,7 +20,7 @@ import {
   darkLayout,
   defaultLayout,
   lightLayout
-} from "./chunk-VZI6SR6H.mjs";
+} from "./chunk-HUBDRSA4.mjs";
 import {
   animations
 } from "./chunk-DMASP6FA.mjs";
@@ -63,7 +64,7 @@ var resolveConfig = (themes = {}, defaultTheme, prefix) => {
       if (!colorValue)
         return;
       try {
-        const parsedColor = parsedColorsCache[colorValue] || Color(colorValue).hsl().round().array();
+        const parsedColor = parsedColorsCache[colorValue] || Color(colorValue).hsl().round(2).array();
         parsedColorsCache[colorValue] = parsedColor;
         const [h, s, l, defaultAlphaValue] = parsedColor;
         const nextuiColorVariable = `--${prefix}-${colorName}`;
@@ -95,17 +96,8 @@ var resolveConfig = (themes = {}, defaultTheme, prefix) => {
           resolved.utilities[cssSelector][nestedLayoutVariable] = nestedValue;
         }
       } else {
-        if (key === "spacing-unit") {
-          resolved.utilities[cssSelector][layoutVariablePrefix] = value;
-          const spacingScale = generateSpacingScale(Number(value));
-          for (const [scaleKey, scaleValue] of Object.entries(spacingScale)) {
-            const spacingVariable = `${layoutVariablePrefix}-${scaleKey}`;
-            resolved.utilities[cssSelector][spacingVariable] = scaleValue;
-          }
-        } else {
-          const formattedValue = layoutVariablePrefix.includes("opacity") && typeof value === "number" ? value.toString().replace(/^0\./, ".") : value;
-          resolved.utilities[cssSelector][layoutVariablePrefix] = formattedValue;
-        }
+        const formattedValue = layoutVariablePrefix.includes("opacity") && typeof value === "number" ? value.toString().replace(/^0\./, ".") : value;
+        resolved.utilities[cssSelector][layoutVariablePrefix] = formattedValue;
       }
     }
   }
@@ -113,24 +105,6 @@ var resolveConfig = (themes = {}, defaultTheme, prefix) => {
 };
 var corePlugin = (themes = {}, defaultTheme, prefix, addCommonColors) => {
   const resolved = resolveConfig(themes, defaultTheme, prefix);
-  const minSizes = {
-    "unit-1": `var(--${prefix}-spacing-unit)`,
-    "unit-2": `var(--${prefix}-spacing-unit-2`,
-    "unit-3": `var(--${prefix}-spacing-unit-3)`,
-    "unit-3.5": `var(--${prefix}-spacing-unit-3_5)`,
-    "unit-4": `var(--${prefix}-spacing-unit-4)`,
-    "unit-5": `var(--${prefix}-spacing-unit-5)`,
-    "unit-6": `var(--${prefix}-spacing-unit-6)`,
-    "unit-7": `var(--${prefix}-spacing-unit-7)`,
-    "unit-8": `var(--${prefix}-spacing-unit-8)`,
-    "unit-9": `var(--${prefix}-spacing-unit-9)`,
-    "unit-10": `var(--${prefix}-spacing-unit-10)`,
-    "unit-11": `var(--${prefix}-spacing-unit-11)`,
-    "unit-12": `var(--${prefix}-spacing-unit-12)`,
-    "unit-16": `var(--${prefix}-spacing-unit-16)`,
-    "unit-20": `var(--${prefix}-spacing-unit-20)`,
-    "unit-24": `var(--${prefix}-spacing-unit-24)`
-  };
   return plugin(
     ({ addBase, addUtilities, addVariant }) => {
       addBase({
@@ -160,16 +134,6 @@ var corePlugin = (themes = {}, defaultTheme, prefix, addCommonColors) => {
           width: {
             divider: `var(--${prefix}-divider-weight)`
           },
-          spacing: {
-            unit: `var(--${prefix}-spacing-unit)`,
-            ...createSpacingUnits(prefix)
-          },
-          minWidth: {
-            ...minSizes
-          },
-          minHeight: {
-            ...minSizes
-          },
           fontSize: {
             tiny: [`var(--${prefix}-font-size-tiny)`, `var(--${prefix}-line-height-tiny)`],
             small: [`var(--${prefix}-font-size-small)`, `var(--${prefix}-line-height-small)`],
@@ -205,7 +169,8 @@ var corePlugin = (themes = {}, defaultTheme, prefix, addCommonColors) => {
           transitionDuration: {
             0: "0ms",
             250: "250ms",
-            400: "400ms"
+            400: "400ms",
+            DEFAULT: DEFAULT_TRANSITION_DURATION
           },
           transitionTimingFunction: {
             "soft-spring": "cubic-bezier(0.155, 1.105, 0.295, 1.12)"