RubyGems - playbook_ui_docs - Versions diffs - 13.14.0.pre.alpha.play1101betaicons1825 → 13.14.0.pre.alpha.play1106filter1748 - Mend

playbook_ui_docs 13.14.0.pre.alpha.play1101betaicons1825 → 13.14.0.pre.alpha.play1106filter1748

Files changed (61) hide show

data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_sizes.jsx DELETED Viewed

@@ -1,133 +0,0 @@
-import React from 'react'
-import Icon from '../_icon'
-const IconSizes = (props) => {
-  return (
-    <div>
-      <p>
-        <Icon
-            icon="user"
-            size="lg"
-            {...props}
-        />
-        {' '}
-        <span>{'Large'}</span>
-      </p>
-      <p>
-        <Icon
-            icon="user"
-            size="sm"
-            {...props}
-        />
-        {' '}
-        <span>{'Small'}</span>
-      </p>
-      <p>
-        <Icon
-            icon="user"
-            size="xs"
-            {...props}
-        />
-        {' '}
-        <span>{'XSmall'}</span>
-      </p>
-      <br />
-      <br />
-      <p>
-        <Icon
-            icon="user"
-            size="1x"
-            {...props}
-        />
-        {' '}
-        <span>{'1x'}</span>
-      </p>
-      <p>
-        <Icon
-            icon="user"
-            size="2x"
-            {...props}
-        />
-        {' '}
-        <span>{'2x'}</span>
-      </p>
-      <p>
-        <Icon
-            icon="user"
-            size="3x"
-            {...props}
-        />
-        {' '}
-        <span>{'3x'}</span>
-      </p>
-      <p>
-        <Icon
-            icon="user"
-            size="4x"
-            {...props}
-        />
-        {' '}
-        <span>{'4x'}</span>
-      </p>
-      <p>
-        <Icon
-            icon="user"
-            size="5x"
-            {...props}
-        />
-        {' '}
-        <span>{'5x'}</span>
-      </p>
-      <p>
-        <Icon
-            icon="user"
-            size="6x"
-            {...props}
-        />
-        {' '}
-        <span>{'6x'}</span>
-      </p>
-      <p>
-        <Icon
-            icon="user"
-            size="7x"
-            {...props}
-        />
-        {' '}
-        <span>{'7x'}</span>
-      </p>
-      <p>
-        <Icon
-            icon="user"
-            size="8x"
-            {...props}
-        />
-        {' '}
-        <span>{'8x'}</span>
-      </p>
-      <p>
-        <Icon
-            icon="user"
-            size="9x"
-            {...props}
-        />
-        {' '}
-        <span>{'9x'}</span>
-      </p>
-      <p>
-        <Icon
-            icon="user"
-            size="10x"
-            {...props}
-        />
-        {' '}
-        <span>{'10x'}</span>
-      </p>
-    </div>
-  )
-}
-export default IconSizes

data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_sizes_swift.md DELETED Viewed

@@ -1,46 +0,0 @@
-![icon-size](https://github.com/powerhome/playbook/assets/92755007/b3aa3933-56b1-4fe4-bb8b-00d786abb23a)
-```swift
-HStack(spacing: Spacing.xSmall) {
-  PbBetaIcon.fontAwesome(.atlas, size: .xSmall)
-  Text("xSmall")
-  PbBetaIcon.fontAwesome(.atlas, size: .small)
-  Text("small")
-  PbBetaIcon.fontAwesome(.atlas, size: .large)
-  Text("large")
-  PbBetaIcon.fontAwesome(.atlas, size: .x1)
-  Text("x1")
-  PbBetaIcon.fontAwesome(.atlas, size: .x2)
-  Text("x2")
-  PbBetaIcon.fontAwesome(.atlas, size: .x3)
-  Text("x3")
-  PbBetaIcon.fontAwesome(.atlas, size: .x4)
-  Text("x4")
-  PbBetaIcon.fontAwesome(.atlas, size: .x5)
-  Text("x5")
-  PbBetaIcon.fontAwesome(.atlas, size: .x6)
-  Text("x6")
-  PbBetaIcon.fontAwesome(.atlas, size: .x7)
-  Text("x7")
-  PbBetaIcon.fontAwesome(.atlas, size: .x8)
-  Text("x8")
-  PbBetaIcon.fontAwesome(.atlas, size: .x9)
-  Text("x9")
-  PbBetaIcon.fontAwesome(.atlas, size: .x10)
-  Text("x10")
-}
-```

data/app/pb_kits/playbook/pb_beta_icon/docs/example.yml DELETED Viewed

@@ -1,30 +0,0 @@
-examples:
-  rails:
-  - icon_default: Icon Default
-  - icon_rotate: Icon Rotate
-  - icon_flip: Icon Flip
-  - icon_animate: Icon Animation
-  - icon_pull: Icon Pull
-  - icon_border: Icon Border
-  - icon_sizes: Icon Sizes
-  - icon_custom: Icon Custom
-  - icon_fa_kit: Icon with FontAwesome Kit
-  react:
-  - icon_default: Icon Default
-  - icon_rotate: Icon Rotate
-  - icon_flip: Icon Flip
-  - icon_animate: Icon Animation
-  - icon_pull: Icon Pull
-  - icon_border: Icon Border
-  - icon_sizes: Icon Sizes
-  - icon_custom: Icon Custom
-  - icon_fa_kit: Icon with FontAwesome Kit
-  swift:
-  - icon_default_swift: Icon Default
-  - icon_rotate_swift: Icon Rotate
-  - icon_flip_swift: Icon Flip
-  - icon_border_swift: Icon Border
-  - icon_sizes_swift: Icon Sizes
-  - icon_props_swift: Props

data/app/pb_kits/playbook/pb_beta_icon/docs/index.js DELETED Viewed

@@ -1,9 +0,0 @@
-export { default as IconDefault } from './_icon_default.jsx'
-export { default as IconRotate } from './_icon_rotate.jsx'
-export { default as IconFlip } from './_icon_flip.jsx'
-export { default as IconAnimate } from './_icon_animate.jsx'
-export { default as IconPull } from './_icon_pull.jsx'
-export { default as IconBorder } from './_icon_border.jsx'
-export { default as IconSizes } from './_icon_sizes.jsx'
-export { default as IconCustom } from './_icon_custom.jsx'
-export { default as IconFaKit} from './_icon_fa_kit.jsx'

data/app/pb_kits/playbook/pb_button/docs/_button_reaction_swift.md DELETED Viewed

@@ -1,26 +0,0 @@
-![reaction-button](https://github.com/powerhome/playbook/assets/54749071/10d21ee2-4faf-4c18-ab72-242df8f837c4)
-```swift
-@State private var count: Int = 153
-@State private var count1: Int = 5
-HStack(alignment: .center, spacing: 12) {
-            PBReactionButton(
-              count: $count,
-              icon: "\u{1F389}",
-              isInteractive: true
-            )
-            PBReactionButton(
-              count: $count1,
-              icon: "1️⃣",
-              isInteractive: false
-            )
-            PBReactionButton(
-              isInteractive: false
-            )
-            PBReactionButton(
-              pbIcon: PBIcon(FontAwesome.user),
-              isInteractive: false
-            )
-}
-```

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_default_swift.md DELETED Viewed

@@ -1,11 +0,0 @@
-![user-default](https://github.com/powerhome/playbook/assets/54749071/f9b593d5-a688-49bf-a282-8fb70058b539)
-```swift
-PBDialog(
-            title: "This is some informative text",
-            message: infoMessage,
-            cancelButton: ("Cancel", closeToast),
-            confirmButton: ("Okay", closeToast)
-          )
-```

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_props_table.md DELETED Viewed

@@ -1,13 +0,0 @@
-### Props
-| Name | Type | Description | Default | Values |
-| --- | ----------- | --------- | --------- | --------- |
-| **content** | `Content` | Sets the View content |  |  |
-| **title** | `String` | Sets title for dialog header |  |  |
-| **message** | `String` | Sets dialog message|  |  |
-| **variant** | `DialogVariant` | Changes variant of dialog | `.default` | `.default` `.status()` |
-| **isStacked** | `isStacked` | Changes whether the dialog buttons are stacked or inline | `false` | `true` `false`  |
-| **cancelButton** | `Action` | Dismisses the dialog |  |  |
-| **confirmButton** | `Action` | Confirms dialog message was received |  |  |
-| **onClose** | `Action` | Starts action when dialog is closed |  | |
-| **size** | `DialogSize` | Determines size of dialog |  `.medium`| `.small` `.medium` `large` |
-| **shouldCloseOnOverlay** | `Bool` | Determines if overlay should close | `false` | `true` `false`  |

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_sizes_swift.md DELETED Viewed

@@ -1,18 +0,0 @@
-![dialog-large](https://github.com/powerhome/playbook/assets/54749071/41ea273d-3f85-4514-88d7-21f49499f9a2)
-```swift
-    @State private var presentSmallDialog: Bool = false
-    @State private var presentMediumDialog: Bool = false
-    @State private var presentLargeDialog: Bool = false
-    let infoMessage = "This is a message for informational purposes only and requires no action."
-     PBDialog(
-            title: "Large",
-            message: infoMessage,
-            variant: .default,
-            isStacked: false,
-            cancelButton: ("Cancel", {}),
-            confirmButton: ("Okay", {}),
-            size: .large
-          )
-```

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_status_swift.md DELETED Viewed

@@ -1,14 +0,0 @@
-![success](https://github.com/powerhome/playbook/assets/54749071/a3605f4f-ea77-4377-a1bd-977bb3c26a03)
-```swift
- PBDialog(
-              title: "Success!",
-              message: infoMessage,
-              variant: .status(.success),
-              isStacked: true,
-              cancelButton: ("Cancel", closeToast),
-              confirmButton: ("Okay", closeToast),
-              size: .small
-            )
-```

data/app/pb_kits/playbook/pb_person/docs/_person_default_swift.md DELETED Viewed

@@ -1,8 +0,0 @@
-![PBIOS-227](https://github.com/powerhome/playbook/assets/92755007/e43f94bd-2d2e-46cc-a848-6ac7425f89f9)
-```swift
-PBPerson(firstName: "Timothy", lastName: "Wenhold")
-```

data/app/pb_kits/playbook/pb_person/docs/_person_props_swift.md DELETED Viewed

@@ -1,5 +0,0 @@
-### Props
-| Name | Type | Description | Default | Values |
-| --- | ----------- | --------- | --------- | --------- |
-| **firstName** | `String` | Sets the first name |  |  |
-| **lastName** | `String` | Sets the last name |  |  |

data/app/pb_kits/playbook/pb_select/docs/_select_default_swift.md DELETED Viewed

@@ -1,15 +0,0 @@
-![select-default](https://github.com/powerhome/playbook/assets/54749071/ead0e074-46ae-425a-ab32-d9c4418a0783)
-```swift
-let defaultOptions = [
-    (value: "1", text: "Burgers"),
-    (value: "2", text: "Pizza"),
-    (value: "3", text: "Tacos")
-  ]
-@State private var defaultState = ""
- PBSelect(title: "Favorite Food", options: defaultOptions, style: .default) { selected in
-            defaultState = selected
-          }
-```

data/app/pb_kits/playbook/pb_select/docs/_select_error_swift.md DELETED Viewed

@@ -1,18 +0,0 @@
-![select-error](https://github.com/powerhome/playbook/assets/54749071/c02e365b-c3a1-446b-b9f2-47db11315786)
-```swift
-let defaultOptions = [
-    (value: "1", text: "Burgers"),
-    (value: "2", text: "Pizza"),
-    (value: "3", text: "Tacos")
-  ]
-@State private var errorState = ""
- PBSelect(
-            title: "Favorite Food",
-            options: defaultOptions,
-            style: .error("Please make a valid selection")
-          ) { selected in
-            errorState = selected
-          }
-```

data/app/pb_kits/playbook/pb_select/docs/_select_props_table.md DELETED Viewed

@@ -1,8 +0,0 @@
-### Props
-| Name | Type | Description | Default | Values |
-| --- | ----------- | --------- | --------- | --------- |
-| **title** | `String` | Sets label title for dropdown |  |  |
-| **options** | `(String, String)` | Displays the list of dropdown options | |  |
-| **style** | `Variant` | Options for the state of dropdown | `.default` | `default` `disabled` `error` |
-| **selectedOption** | `String` | Changes selected value when new value is selected |  |  |
-| **selected** | `String` | Changes the value of the option selected in dropdown |  | |

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

@@ -1,37 +0,0 @@
-![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 DELETED Viewed

@@ -1,10 +0,0 @@
-### 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 DELETED Viewed

@@ -1,35 +0,0 @@
-![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 DELETED Viewed

@@ -1,27 +0,0 @@
-![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 DELETED Viewed

@@ -1,35 +0,0 @@
-![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
-  )
-}
-```