shadcn-ui-react 0.7.19 → 0.7.21

package/dist/index.cjs

@@ -8842,7 +8842,7 @@ var formControlBase = "relative inline-flex w-full items-center justify-between
 var formCompositeControlBase = "relative flex w-full items-center gap-2 text-foreground outline-none transition";
 var formControlErrorClass = "border-destructive focus:border-destructive focus:ring-destructive/20";
 var formCompositeControlErrorClass = "border-destructive focus-within:border-destructive focus-within:ring-destructive/20";
-function getFormSizeClasses(size = "md", customSize) {
+function getFormSizeClasses(size = "sm", customSize) {
   return __spreadValues(__spreadValues({}, formSizeVariants[size]), customSize);
 }
 function getFormControlSizeClass(variant, sizeClasses) {
@@ -8858,7 +8858,7 @@ var Input = React45.forwardRef(
     var _b = _a, {
       className,
       variant = "outline",
-      size = "md",
+      size = "sm",
       customSize,
       leading,
       trailing,
@@ -8954,7 +8954,7 @@ var FormField = (_a) => {
     messageClassName,
     requiredLabelClassName,
     variant = "outline",
-    size = "md",
+    size = "sm",
     customSize,
     rules,
     shouldUnregister,
@@ -10407,7 +10407,7 @@ var FormSelect = ({
   onChange,
   onChangeItem,
   disabled,
-  size = "md",
+  size = "sm",
   customSize,
   variant = "outline",
   invalid,
@@ -10609,7 +10609,7 @@ var Textarea = React49.forwardRef(
       "disabled"
     ]);
     const sizeClasses = getFormSizeClasses(size, customSize);
-    const base = "block w-full bg-transparent text-foreground placeholder:text-muted-foreground outline-none transition resize-y disabled:cursor-not-allowed disabled:opacity-50";
+    const base = "block w-full py-2 bg-transparent text-foreground placeholder:text-muted-foreground outline-none transition resize-y disabled:cursor-not-allowed disabled:opacity-50";
     const textareaSizeClass = variant === "flushed" ? sizeClasses.flushedControl : variant === "link" ? sizeClasses.linkControl : sizeClasses.control;
     const errorClass = invalid ? "border-destructive focus:border-destructive focus:ring-destructive/20" : "";
     return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
@@ -10653,7 +10653,7 @@ var FormTextarea = (_a) => {
     messageClassName,
     requiredLabelClassName,
     variant = "outline",
-    size = "md",
+    size = "sm",
     customSize,
     rules,
     shouldUnregister,
@@ -10798,7 +10798,7 @@ function UiSelect({
   itemClassName,
   messageClassName,
   requiredLabelClassName,
-  size = "md",
+  size = "sm",
   customSize,
   variant = "outline",
   errorMessage,
@@ -11866,7 +11866,7 @@ function UiDate({
   contentClassName,
   messageClassName,
   requiredLabelClassName,
-  size = "md",
+  size = "sm",
   customSize,
   variant = "outline",
   errorMessage,
@@ -12295,7 +12295,7 @@ var FormDate = ({
   defaultMonth,
   onChange,
   onChangeValue,
-  size = "md",
+  size = "sm",
   customSize,
   variant = "outline",
   className,
@@ -12931,7 +12931,7 @@ function UiTime({
   optionClassName,
   messageClassName,
   requiredLabelClassName,
-  size = "md",
+  size = "sm",
   customSize,
   variant = "outline",
   errorMessage,
@@ -13244,7 +13244,7 @@ var FormTime = ({
   hourCycle = "12",
   onChange,
   onChangeValue,
-  size = "md",
+  size = "sm",
   customSize,
   variant = "outline",
   className,

package/dist/index.js

@@ -8557,7 +8557,7 @@ var formControlBase = "relative inline-flex w-full items-center justify-between
 var formCompositeControlBase = "relative flex w-full items-center gap-2 text-foreground outline-none transition";
 var formControlErrorClass = "border-destructive focus:border-destructive focus:ring-destructive/20";
 var formCompositeControlErrorClass = "border-destructive focus-within:border-destructive focus-within:ring-destructive/20";
-function getFormSizeClasses(size = "md", customSize) {
+function getFormSizeClasses(size = "sm", customSize) {
   return __spreadValues(__spreadValues({}, formSizeVariants[size]), customSize);
 }
 function getFormControlSizeClass(variant, sizeClasses) {
@@ -8573,7 +8573,7 @@ var Input = React45.forwardRef(
     var _b = _a, {
       className,
       variant = "outline",
-      size = "md",
+      size = "sm",
       customSize,
       leading,
       trailing,
@@ -8669,7 +8669,7 @@ var FormField = (_a) => {
     messageClassName,
     requiredLabelClassName,
     variant = "outline",
-    size = "md",
+    size = "sm",
     customSize,
     rules,
     shouldUnregister,
@@ -10125,7 +10125,7 @@ var FormSelect = ({
   onChange,
   onChangeItem,
   disabled,
-  size = "md",
+  size = "sm",
   customSize,
   variant = "outline",
   invalid,
@@ -10330,7 +10330,7 @@ var Textarea = React49.forwardRef(
       "disabled"
     ]);
     const sizeClasses = getFormSizeClasses(size, customSize);
-    const base = "block w-full bg-transparent text-foreground placeholder:text-muted-foreground outline-none transition resize-y disabled:cursor-not-allowed disabled:opacity-50";
+    const base = "block w-full py-2 bg-transparent text-foreground placeholder:text-muted-foreground outline-none transition resize-y disabled:cursor-not-allowed disabled:opacity-50";
     const textareaSizeClass = variant === "flushed" ? sizeClasses.flushedControl : variant === "link" ? sizeClasses.linkControl : sizeClasses.control;
     const errorClass = invalid ? "border-destructive focus:border-destructive focus:ring-destructive/20" : "";
     return /* @__PURE__ */ jsx27(
@@ -10374,7 +10374,7 @@ var FormTextarea = (_a) => {
     messageClassName,
     requiredLabelClassName,
     variant = "outline",
-    size = "md",
+    size = "sm",
     customSize,
     rules,
     shouldUnregister,
@@ -10528,7 +10528,7 @@ function UiSelect({
   itemClassName,
   messageClassName,
   requiredLabelClassName,
-  size = "md",
+  size = "sm",
   customSize,
   variant = "outline",
   errorMessage,
@@ -11596,7 +11596,7 @@ function UiDate({
   contentClassName,
   messageClassName,
   requiredLabelClassName,
-  size = "md",
+  size = "sm",
   customSize,
   variant = "outline",
   errorMessage,
@@ -12025,7 +12025,7 @@ var FormDate = ({
   defaultMonth,
   onChange,
   onChangeValue,
-  size = "md",
+  size = "sm",
   customSize,
   variant = "outline",
   className,
@@ -12669,7 +12669,7 @@ function UiTime({
   optionClassName,
   messageClassName,
   requiredLabelClassName,
-  size = "md",
+  size = "sm",
   customSize,
   variant = "outline",
   errorMessage,
@@ -12982,7 +12982,7 @@ var FormTime = ({
   hourCycle = "12",
   onChange,
   onChangeValue,
-  size = "md",
+  size = "sm",
   customSize,
   variant = "outline",
   className,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shadcn-ui-react",
-  "version": "0.7.19",
+  "version": "0.7.21",
   "private": false,
   "author": "Bleker <bleker@gliyen.com>",
   "description": "A collection of components for building beautiful and accessible user interfaces with React and Tailwind CSS.",