playbook_ui_docs 13.10.0.pre.alpha.play10561428 → 13.10.0.pre.alpha.webpackerregistercomponents1463

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a9910aa7ddf2bedaba1ac25b50e36262211927ec14e1959ec60dbd5d178ec937
-  data.tar.gz: 8c0f71901ebc99aa4dcc522cb4ac2332655577ae3a50034abd9a5818be4fc085
+  metadata.gz: 6f70385b8fc1c172b580812a4e9624d392c50b3b49dbf91ba903b954d39116bb
+  data.tar.gz: 9c5102ab42b21bc22490a34fbcf4756636659a0f4cf9bf827542fa27a5862a50
 SHA512:
-  metadata.gz: 7ebe74f371e1fba8e4cdf565ed8e1dbb99798bc55d8399021c396852dcb16d64753d2548549f4ee86b706c8323cb28b92e66fae42db6d22442b366cb7fe7cdbf
-  data.tar.gz: 8d3727a0257faca87c5c66ddae889bd68e17a028b9351d1a21b194d19c3f4ea7b0dd93a67f3060e7054e128af70f81df3038319272e2ad07ed68be5d0b0cf43d
+  metadata.gz: ecc654cbfa8824cfe903eb41ce4f63b5fe16ff1bed39e5ba4313d11a24eb55db59009c8b590c7851157e48f66a384efd57e5bc5be14d510ae7aae1fb40b111d0
+  data.tar.gz: 384519a88b90227f8a12885f27606354eff71281ea074cf9791d0e7f152fde06850285390fa5f9e3f926c283226b3fc980bdef612296c8bf341c0d81a5257805

data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default_swift.md

@@ -0,0 +1,10 @@
+![checkbox-default](https://github.com/powerhome/playbook/assets/92755007/dc3af1fb-8786-4002-ac64-3111b5b8c476)
+
+```swift
+
+  PBCheckbox(checked: false, text: "Unchecked", action: {})
+    .padding(.bottom, Spacing.small)
+
+  PBCheckbox(checked: true, text: "Checked", action: {})
+  
+```

data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error_swift.md

@@ -0,0 +1,12 @@
+![checkbox-error](https://github.com/powerhome/playbook/assets/92755007/6466de7f-fbfb-418b-8c5a-74d07a0c4f63)
+
+```swift
+
+PBCheckbox(
+  checked: false,
+  checkboxType: .error,
+  text: "Error",
+  action: {}
+)
+
+```

data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate_swift.md

@@ -0,0 +1,12 @@
+![checkbox-indeterminate](https://github.com/powerhome/playbook/assets/92755007/eacd6976-bd00-41a9-aca1-75ce23b6a58c)
+
+```swift
+
+PBCheckbox(
+  checked: true,
+  checkboxType: .indeterminate,
+  text: "Indeterminate",
+  action: {}
+)
+
+```

data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_props_swift.md

@@ -0,0 +1,7 @@
+### Props
+| Name | Type | Description | Default | Values |
+| --- | ----------- | --------- | --------- | --------- |
+| **Checked** | `Bool` | Adds a check to the Checkbox | `false` | `true` `false` |
+| **Checkbox Type** | `CheckboxType` | Changes the style of the Checkbox | `default` | `default` `error` `indeterminate` |
+| **Text** | `String` | Adds a text label | `nil` | | 
+| **Action** | `(() -> Void)` | Adds an action | `{}` |  |

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

@@ -13,3 +13,10 @@ examples:
   - checkbox_custom: Custom Checkbox
   - checkbox_error: Default w/ Error
   - checkbox_indeterminate: Indeterminate Checkbox
+
+  swift:
+    - checkbox_default_swift: Default
+    - checkbox_error_swift: Default w/ Error
+    - checkbox_indeterminate_swift: Indeterminate Checkbox
+    - checkbox_props_swift: ""
+    

data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_props.md

@@ -0,0 +1,6 @@
+### Props
+| Name | Type | Description | Default | Values |
+| --- | ----------- | --------- | --------- | --------- |
+| **Icon** | `PlaybookGenericIcon` | Sets the kit's Icon |  |  |
+| **Size** | `PBIcon.IconSize` | Changes the size of the Circle Icon | `.x1` |  `xSmall` `small` `large` `x1` `x2` `x3` `x4` `x5` `x6` `x7` `x8` `x9` `x10` |
+| **Color** | `Color` | Changes color of the Icon and background | `.status(.neutral)` | `Color` |

data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_swift.md

@@ -0,0 +1,16 @@
+![icon-circle-colors](https://github.com/powerhome/playbook/assets/92755007/d6507900-98e9-49fb-acfb-a238bef08d1b)
+
+```swift
+
+VStack(spacing: Spacing.small) {
+  PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data1))
+  PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data2))
+  PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data3))
+  PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data4))
+  PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data5))
+  PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data6))
+  PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data7))
+  PBIconCircle(FontAwesome.rocket, size: .small, color: Color.data(.data8))
+}
+
+```

data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_defaul_swift.md

@@ -0,0 +1,7 @@
+![icon-circle-default](https://github.com/powerhome/playbook/assets/92755007/d5de652d-ff9e-4b54-b55e-a3bf58d7cb23)
+
+```swift
+
+PBIconCircle(FontAwesome.rocket)
+
+```

data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes_swift.md

@@ -0,0 +1,11 @@
+![circle-icon-sizes](https://github.com/powerhome/playbook/assets/92755007/2a474df1-5712-4c2a-9d6b-fb740ae949f2)
+
+```swift
+
+VStack(alignment: .leading, spacing: Spacing.small) {
+  PBIconCircle(FontAwesome.rocket, size: .small)
+  PBIconCircle(FontAwesome.rocket, size: .x1)
+  PBIconCircle(FontAwesome.rocket, size: .large)
+}
+
+```

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

@@ -12,3 +12,10 @@ examples:
   - icon_circle_sizes: Size
   - icon_circle_color: Color
   - icon_circle_emoji: With Emoji
+
+  swift:
+  - icon_circle_defaul_swift: Default
+  - icon_circle_sizes_swift: Size
+  - icon_circle_color_swift: Color
+  - icon_circle_color_props: "" 
+  

data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default_react.jsx

@@ -14,6 +14,7 @@ const TooltipDefaultReact = (props) => {
    >
     <FlexItem>
       <Tooltip 
+          className={"customClassNameHere"}
           placement='top' 
           text="Whoa. I'm a Tooltip" 
           zIndex={10}

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

@@ -4,7 +4,6 @@ examples:
   - tooltip_default: Default
   - tooltip_selectors: Using Common Selectors
   - tooltip_with_icon_circle: Icon Circle Tooltip
-  - tooltip_truncated: Text Truncation
 
   react:
   - tooltip_default_react: Default
@@ -12,5 +11,3 @@ examples:
   - tooltip_margin: Margin
   - tooltip_icon: Tooltip with Icon
   - tooltip_delay: Delay
-  - tooltip_truncated: Text Truncation
-

data/app/pb_kits/playbook/pb_tooltip/docs/index.js

@@ -3,4 +3,3 @@ export { default as TooltipInteraction } from './_tooltip_interaction'
 export { default as TooltipMargin } from './_tooltip_margin'
 export { default as TooltipIcon } from './_tooltip_icon'
 export { default as TooltipDelay } from './_tooltip_delay'
-export { default as TooltipTruncated } from './_tooltip_truncated'