playbook_ui 13.13.0.pre.alpha.play10821727 → 13.14.0.pre.alpha.PLAY1109bugdisplaypropblocksfontcolor1784

data/app/pb_kits/playbook/pb_toggle/_toggle.tsx

@@ -17,7 +17,7 @@ type Props = {
   children?: React.ReactNode | React.ReactNode[],
   className?: string,
   data?: { [key: string]: string },
-  htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
+  htmlOptions?: {[key: string]: string | number | boolean | Function},
   id?: string,
   name?: string,
   onChange?: InputCallback<HTMLInputElement>,

data/app/pb_kits/playbook/pb_tooltip/_tooltip.tsx

@@ -23,7 +23,7 @@ type TooltipProps = {
   children: JSX.Element,
   data?: { [key: string]: string },
   delay?: number | Partial<{open: number; close: number}>,
-  htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
+  htmlOptions?: {[key: string]: string | number | boolean | Function},
   icon?: string,
   interaction?: boolean,
   placement?: Placement,

data/app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.tsx

@@ -25,7 +25,7 @@ type TreemapChartProps = {
   drillable: boolean;
   grouped: boolean;
   height?: string;
-  htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
+  htmlOptions?: {[key: string]: string | number | boolean | Function};
   id: number | string;
   title?: string;
   tooltipHtml: string;

data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx

@@ -34,7 +34,7 @@ type TypeaheadProps = {
   dark?: boolean,
   data?: { [key: string]: string },
   error?: string,
-  htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
+  htmlOptions?: {[key: string]: string | number | boolean | Function},
   id?: string,
   label?: string,
   loadOptions?: string | Noop,

data/app/pb_kits/playbook/pb_user/_user.tsx

@@ -16,7 +16,7 @@ type UserProps = {
   className?: string,
   dark?: boolean,
   data?: {[key: string]: string},
-  htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
+  htmlOptions?: {[key: string]: string | number | boolean | Function},
   id?: string,
   name?: string,
   orientation?: "horizontal" | "vertical",

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

@@ -0,0 +1,37 @@
+![user-horizontal](https://github.com/powerhome/playbook/assets/92755007/63680051-6a88-4ae7-bffd-74d8e9b3a805)
+
+```swift
+
+let img = Image("andrew", bundle: .module)
+let name = "Andrew K"
+let title = "Rebels Developer"
+
+VStack(alignment: .leading, spacing: Spacing.small) {
+  PBUser(
+    name: name,
+    image: img,
+    territory: "PHL",
+    title: title
+  )
+
+  PBUser(
+    name: name,
+    territory: "PHL",
+    title: title
+  )
+
+  PBUser(
+    name: name,
+    image: img,
+    size: .small,
+    title: title
+  )
+
+  PBUser(
+    name: name,
+    image: img,
+    size: .small
+  )
+}
+
+```

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

@@ -0,0 +1,10 @@
+### Props
+| Name | Type | Description | Default | Values |
+| --- | ----------- | --------- | --------- | --------- |
+| **name** | `String` | Sets the User's name |  |  |
+| **displayAvatar** | `Bool` | Displays the User's avatar | `true` | `true` `false` |
+| **image** | `Image` | Sets image for the avatar |  |  |
+| **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 |  |  |

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

@@ -0,0 +1,35 @@
+![user-size](https://github.com/powerhome/playbook/assets/54749071/ed012a15-64a1-4c13-a0bc-7457660992f6)
+
+
+```swift
+
+let img = Image("andrew", bundle: .module)
+let name = "Andrew K"
+let title = "Rebels Developer"
+
+VStack(alignment: .leading, spacing: Spacing.small) {
+  PBUser(
+    name: name,
+    image: img,
+    size: .small,
+    territory: "PHL",
+    title: title
+  )
+
+  PBUser(
+    name: name,
+    image: img,
+    territory: "PHL",
+    title: title
+  )
+
+  PBUser(
+    name: name,
+    image: img,
+    size: .large,
+    territory: "PHL",
+    title: title
+  )
+}
+
+```

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

@@ -0,0 +1,27 @@
+![user-text-only](https://github.com/powerhome/playbook/assets/54749071/ba04df54-6590-4db6-ad32-38932a08aced)
+
+
+```swift
+
+let img = Image("andrew", bundle: .module)
+let name = "Andrew K"
+let title = "Rebels Developer"
+
+VStack(spacing: Spacing.small) {
+  PBUser(
+    name: name,
+    displayAvatar: false,
+    size: .large,
+    territory: "PHL",
+    title: title
+  )
+
+  PBUser(
+    name: name,
+    displayAvatar: false,
+    territory: "PHL",
+    title: title
+  )
+}
+
+```

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

@@ -0,0 +1,35 @@
+![user-verticle-size](https://github.com/powerhome/playbook/assets/54749071/e99b4c9b-0752-467e-971e-a6a5f520009e)
+
+
+```swift
+
+let img = Image("andrew", bundle: .module)
+let name = "Andrew K"
+let title = "Rebels Developer"
+
+VStack(alignment: .leading, spacing: Spacing.small) {
+  PBUser(
+    name: name,
+    image: img,
+    orientation: .vertical,
+    size: .small,
+    title: title
+  )
+
+  PBUser(
+    name: name,
+    image: img,
+    orientation: .vertical,
+    title: title
+  )
+
+  PBUser(
+    name: name,
+    image: img,
+    orientation: .vertical,
+    size: .large,
+    title: title
+  )
+}
+
+```

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

@@ -17,3 +17,10 @@ examples:
   - user_vertical_size: Vertical Size
   - user_subtitle: Subtitle
   - user_block_content_subtitle_react: Block Content Subtitle
+
+  swift:
+  - user_horizontal_swift: Horizontal
+  - user_vertical_size_swift: Vertical
+  - user_text_only_swift: Text Only
+  - user_size_swift: Horizontal Size
+  - user_props_table: ""

data/app/pb_kits/playbook/pb_user_badge/_user_badge.tsx

@@ -10,7 +10,7 @@ type UserBadgeProps = {
   badge?: "million-dollar" | "veteran",
   className?: string,
   data?: {[key: string]: string},
-  htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
+  htmlOptions?: {[key: string]: string | number | boolean | Function},
   id?: string,
   size?: "sm" | "md" | "lg",
 }

data/app/pb_kits/playbook/pb_walkthrough/_walkthrough.tsx

@@ -14,7 +14,7 @@ type WalkthroughProps = {
   className?: string,
   continuous?: boolean,
   data?: { [key: string]: string },
-  htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
+  htmlOptions?: {[key: string]: string | number | boolean | Function},
   id?: string,
   run?: boolean,
   steps?: [],

data/app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.tsx

@@ -16,7 +16,7 @@ type WeekdayStackedProps = {
   dark?: boolean,
   data?: object,
   date: Date,
-  htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
+  htmlOptions?: {[key: string]: string | number | boolean | Function},
   id?: string,
   variant?: "day_only" | "month_day" | "expanded",
   compact?: boolean,

data/app/pb_kits/playbook/utilities/props.ts

@@ -57,8 +57,8 @@ export const buildCss = (...rules: (string | { [x: string]: string | boolean; })
  * @returns {Object} an object holding the HTML valid props and their values.
  */
 
-export const buildHtmlProps = (htmlOptions: { [key: string]: string | number | boolean | (() => void)}) => {
-  const htmlProps: { [attr: string]: string | number | boolean | (() => void) } = {}
+export const buildHtmlProps = (htmlOptions: { [key: string]: string | number | boolean | Function }) => {
+  const htmlProps: { [attr: string]: string | number | boolean | Function } = {}
   Object.keys(htmlOptions).forEach((key) => {
     htmlProps[key] = htmlOptions[key]
   })