@4alldigital/foundation-ui--core 3.5.0 → 3.5.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@4alldigital/foundation-ui--core",
-  "version": "3.5.0",
+  "version": "3.5.1",
   "description": "Foundation UI Core Component Library (source distribution)",
   "main": "src/index.ts",
   "types": "src/index.ts",
@@ -32,5 +32,5 @@
   },
   "author": "Joe Mewes",
   "license": "MIT",
-  "gitHead": "01f84484637258ca584addb4e9577b08d6b38739"
+  "gitHead": "e8ca79ab96c86064d214da737e4d87df759c1d29"
 }

package/src/components/AddressForm/AddressForm.tsx

@@ -109,7 +109,7 @@ export const AddressForm = React.forwardRef<HTMLDivElement, AddressFormProps>(
         {/* Full Name */}
         <TextInput
           id="shipping-name"
-          label="Full Name"
+          placeholder="Full Name"
           value={address.name || ''}
           onChange={(e) => handleChange('name', e.target.value)}
           onBlur={() => handleBlur('name')}
@@ -121,7 +121,7 @@ export const AddressForm = React.forwardRef<HTMLDivElement, AddressFormProps>(
         {/* Address Line 1 */}
         <TextInput
           id="shipping-line1"
-          label="Address Line 1"
+          placeholder="Street Address"
           value={address.line1 || ''}
           onChange={(e) => handleChange('line1', e.target.value)}
           onBlur={() => handleBlur('line1')}
@@ -133,7 +133,7 @@ export const AddressForm = React.forwardRef<HTMLDivElement, AddressFormProps>(
         {/* Address Line 2 */}
         <TextInput
           id="shipping-line2"
-          label="Address Line 2 (Optional)"
+          placeholder="Apartment, suite, etc. (optional)"
           value={address.line2 || ''}
           onChange={(e) => handleChange('line2', e.target.value)}
           disabled={disabled}
@@ -143,7 +143,7 @@ export const AddressForm = React.forwardRef<HTMLDivElement, AddressFormProps>(
         <div className="grid gap-4 sm:grid-cols-2">
           <TextInput
             id="shipping-city"
-            label="City"
+            placeholder="City"
             value={address.city || ''}
             onChange={(e) => handleChange('city', e.target.value)}
             onBlur={() => handleBlur('city')}
@@ -154,7 +154,7 @@ export const AddressForm = React.forwardRef<HTMLDivElement, AddressFormProps>(
 
           <TextInput
             id="shipping-state"
-            label="State / County"
+            placeholder="State / County / Province"
             value={address.state || ''}
             onChange={(e) => handleChange('state', e.target.value)}
             onBlur={() => handleBlur('state')}
@@ -168,7 +168,7 @@ export const AddressForm = React.forwardRef<HTMLDivElement, AddressFormProps>(
         <div className="grid gap-4 sm:grid-cols-2">
           <TextInput
             id="shipping-postal-code"
-            label="Postal Code"
+            placeholder="Postal / ZIP Code"
             value={address.postal_code || ''}
             onChange={(e) => handleChange('postal_code', e.target.value)}
             onBlur={() => handleBlur('postal_code')}
@@ -179,7 +179,7 @@ export const AddressForm = React.forwardRef<HTMLDivElement, AddressFormProps>(
 
           <FormSelect
             id="shipping-country"
-            label="Country"
+            placeholder="Country"
             value={address.country || ''}
             onChange={(value) => handleChange('country', value)}
             onBlur={() => handleBlur('country')}
@@ -193,8 +193,8 @@ export const AddressForm = React.forwardRef<HTMLDivElement, AddressFormProps>(
         {/* Phone */}
         <TextInput
           id="shipping-phone"
-          label="Phone Number (Optional)"
           type="tel"
+          placeholder="Phone Number (optional)"
           value={address.phone || ''}
           onChange={(e) => handleChange('phone', e.target.value)}
           onBlur={() => handleBlur('phone')}