playbook_ui 13.19.0.pre.alpha.play1174fixconfimationtoastmobilebug2306 → 13.19.0.pre.alpha.play1174fixconfimationtoastmobilebug2345

data/app/pb_kits/playbook/pb_text_input/_text_input.tsx

@@ -27,7 +27,7 @@ type TextInputProps = {
   required?: boolean,
   type: string,
   value: string | number,
-  children: Node,
+  children: React.ReactElement,
   addOn?: {
     icon?: string,
     alignment?: "right" | "left",
@@ -85,8 +85,12 @@ const TextInput = (props: TextInputProps, ref: React.LegacyRef<HTMLInputElement>
         icon={icon}
     />
   )
+
+  const childInput = children ? children.type === "input" : undefined
+
   const textInput = (
-    <input
+    childInput ? React.cloneElement(children, { className: "text_input" }) :
+    (<input
         {...domSafeProps(props)}
         className="text_input"
         disabled={disabled}
@@ -99,7 +103,7 @@ const TextInput = (props: TextInputProps, ref: React.LegacyRef<HTMLInputElement>
         required={required}
         type={type}
         value={value}
-    />
+    />)
   )
 
   const addOnInput = (
@@ -131,7 +135,7 @@ const TextInput = (props: TextInputProps, ref: React.LegacyRef<HTMLInputElement>
   )
 
   const render = (() => {
-    if(children) return children
+    if (children && !childInput) return children
     if (shouldShowAddOn) return addOnInput
 
     return textInput
@@ -144,7 +148,7 @@ const TextInput = (props: TextInputProps, ref: React.LegacyRef<HTMLInputElement>
         {...htmlProps}
         className={css}
     >
-      {label && 
+      {label &&
         <Caption
             className="pb_text_input_kit_label"
             text={label}

data/app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on.jsx

@@ -58,6 +58,16 @@ const TextInputAddOn = (props) => {
             {...props}
         />
       </div>
+      <div>
+        <TextInput
+            addOn={{ icon: 'frog', alignment: 'right', border: true }}
+            label="Right-Aligned Add On With Child Input"
+            onChange={handleUpdateFourthInput}
+            {...props}
+        >
+          <input />
+        </TextInput>
+      </div>
       <div>
         <TextInput
             addOn={{ icon: 'percent', alignment: 'left', border: false }}
@@ -76,6 +86,16 @@ const TextInputAddOn = (props) => {
             {...props}
         />
       </div>
+      <div>
+        <TextInput
+            addOn={{ icon: 'frog', alignment: 'left', border: true }}
+            label="Left-Aligned Add On With Child Input"
+            onChange={handleUpdateFourthInput}
+            {...props}
+        >
+          <input />
+        </TextInput>
+      </div>
     </>
   )
 }

data/app/pb_kits/playbook/pb_user/docs/_user_presence_indicator_swift.md

@@ -0,0 +1,30 @@
+![user-presence-indicator)](https://github.com/powerhome/playbook/assets/112719604/96ee8408-2e21-4aaf-ae65-9f023515cf8d)
+
+```swift
+VStack(alignment: .leading, spacing: Spacing.small) {
+  PBUser(
+    name: name,
+
+    image: img,
+    size: .small,
+    territory: "PHL",
+    title: title,
+    status: .online
+  )
+  PBUser(
+    name: name,
+    image: img,
+    territory: "PHL",
+    title: title,
+    status: .away
+  )
+  PBUser(
+    name: name,
+    image: img,
+    size: .large,
+    territory: "PHL",
+    title: title,
+    status: .offline
+  )
+}
+```

data/app/pb_kits/playbook/pb_user/docs/_user_props_table.md

@@ -7,4 +7,5 @@
 | **orientation** | `Orientation` | Changes the orientation of the User | `.horizontal` | `.horizontal` `.verticle` |
 | **size** | `UserAvatarSize` | Changes the size of the User | `.medium` | `.small` `.medium` `.large` |
 | **territory** | `String` | Adds the User's territory |  |  |
-| **title** | `String` | Adds a title |  |  |
+| **title** | `String` | Adds a title |  |  |
+| **status** | `PBAvatar.PresenceStatus?` | An idicator for the current status of the user | `.none` | `.online` `.away` `.offline` |

data/app/pb_kits/playbook/pb_user/docs/example.yml

@@ -23,4 +23,5 @@ examples:
   - user_vertical_size_swift: Vertical
   - user_text_only_swift: Text Only
   - user_size_swift: Horizontal Size
+  - user_presence_indicator_swift: Presence Indicator
   - user_props_table: ""