@dmsi/wedgekit-react 0.0.46 → 0.0.48

package/src/components/DateInput.tsx

@@ -75,7 +75,7 @@ export const DateInput = ({
     if (visible) {
       updatePosition();
     }
-  }, [visible])
+  }, [visible]);
 
   const updatePosition = () => {
     if (triggerRef.current) {
@@ -148,27 +148,31 @@ export const DateInput = ({
 
   const handleClick = () => {
     handleFocus();
-  }
+  };
 
   const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     if (readOnly) return;
-    
+
     const rawValue = event.target.value;
     const cursorPosition = event.target.selectionStart || 0;
     setIsTyping(true);
-    
+
     // Format the input as user types (add slashes automatically)
     const formattedValue = formatInputValue(rawValue);
     setInputValue(formattedValue);
-    
+
     // Restore cursor position after formatting
     requestAnimationFrame(() => {
       if (triggerRef.current) {
-        const newPosition = calculateCursorPosition(rawValue, formattedValue, cursorPosition);
+        const newPosition = calculateCursorPosition(
+          rawValue,
+          formattedValue,
+          cursorPosition,
+        );
         triggerRef.current.setSelectionRange(newPosition, newPosition);
       }
     });
-    
+
     // Try to parse and validate the date
     const parsedDate = parseInputDate(formattedValue);
     if (parsedDate && isValidDate(parsedDate)) {
@@ -190,14 +194,15 @@ export const DateInput = ({
       const input = event.target as HTMLInputElement;
       const cursorPosition = input.selectionStart || 0;
       const value = input.value;
-      
+
       // If cursor is right after a slash, move it before the slash
       if (cursorPosition > 0 && value[cursorPosition - 1] === "/") {
         event.preventDefault();
-        const newValue = value.slice(0, cursorPosition - 2) + value.slice(cursorPosition);
+        const newValue =
+          value.slice(0, cursorPosition - 2) + value.slice(cursorPosition);
         const formattedValue = formatInputValue(newValue);
         setInputValue(formattedValue);
-        
+
         // Set cursor position after the deletion
         requestAnimationFrame(() => {
           if (triggerRef.current) {
@@ -205,12 +210,12 @@ export const DateInput = ({
             triggerRef.current.setSelectionRange(newPosition, newPosition);
           }
         });
-        
+
         setIsTyping(true);
         return;
       }
     }
-    
+
     if (event.key === "Enter") {
       const parsedDate = parseInputDate(inputValue);
       if (parsedDate && isValidDate(parsedDate)) {
@@ -280,6 +285,6 @@ function formatDisplayValue(from?: string): string {
   if (!isValidDate(from)) {
     return "";
   }
-  
+
   return formatDate(from);
-}
+}

package/src/components/Stack.tsx

@@ -15,6 +15,7 @@ type StackProps = {
   horizontalMobile?: boolean;
   padding?: boolean;
   paddingX?: boolean;
+  paddingY?: boolean;
   margin?: boolean;
   marginX?: boolean;
   marginY?: boolean;
@@ -89,6 +90,7 @@ export const Stack = ({
   grow,
   padding,
   paddingX,
+  paddingY,
   margin,
   marginX,
   marginY,
@@ -188,6 +190,18 @@ export const Stack = ({
         paddingX &&
           sizing === "component" &&
           "px-mobile-component-padding desktop:px-desktop-component-padding compact:px-desktop-compact-component-padding",
+        paddingY &&
+          sizing === "container" &&
+          "py-mobile-container-padding desktop:py-desktop-container-padding compact:py-desktop-compact-container-padding",
+        paddingY &&
+          sizing === "layout" &&
+          "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding",
+        paddingY &&
+          sizing === "layout-group" &&
+          "py-mobile-layout-group-padding desktop:py-desktop-layout-group-padding compact:py-desktop-compact-layout-group-padding",
+        paddingY &&
+          sizing === "component" &&
+          "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding",
         margin &&
           sizing === "container" &&
           "m-mobile-container-padding desktop:m-desktop-container-padding compact:m-compact-container-padding",

package/dist/{chunk-S46RZBT4.js → chunk-T22EH3MG.js}

@@ -1,12 +1,12 @@
 import {
   useMatchesMobile
 } from "./chunk-SEKKGFM6.js";
-import {
-  Label
-} from "./chunk-S5K22XTH.js";
 import {
   Paragraph
 } from "./chunk-VG4EPHJA.js";
+import {
+  Label
+} from "./chunk-S5K22XTH.js";
 import {
   Icon
 } from "./chunk-IGQVA7SC.js";