playbook_ui 13.27.0.pre.alpha.PLAY888Cardkithighlightoverflowtooltiperror2930 → 13.27.0.pre.alpha.PLAY1122fixMultipleUserspaddingoverflow2844

data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold_swift.md

@@ -1,32 +0,0 @@
-![Date-Stacked-Bold](https://github.com/powerhome/playbook-swift/assets/54749071/e241e4b8-efce-4872-99f9-aefb1e3007d2)
-```swift
-VStack(alignment: .leading, spacing: Spacing.small) {
-  PBDateStacked(
-    alignment: .leading,
-    date: Date(),
-    variant: .short(showIcon: false),
-    dateSize: .title4,
-    isMonthStacked: true,
-    isMonthBold: true
-  )
-  PBDateStacked(
-    alignment: .center,
-    date: Date().makeDate(year: 2018, month: 3, day: 20),
-    variant: .standard,
-    dateSize: .title4,
-    isStandardStacked: true,
-    isYearBold: true,
-    isMonthBold: true
-  )
-  .frame(maxWidth: .infinity, alignment: .center)
-  PBDateStacked(
-    alignment: .trailing, 
-    date: Date(),
-    variant: .short(showIcon: false),
-    dateSize: .title4,
-    isMonthStacked: true,
-    isMonthBold: true
-  )
-  .frame(maxWidth: .infinity, alignment: .trailing)
-}
-```

data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default_swift.md

@@ -1,17 +0,0 @@
-![Date-Stacked-Default](https://github.com/powerhome/playbook-swift/assets/54749071/5185a6b6-534a-43c0-8c87-abecf770b8f5)
-```swift
-VStack(alignment: .leading, spacing: Spacing.small) {
-  PBDateStacked(
-    date: Date(),
-    variant: .short(showIcon: false),
-    dateSize: .title4,
-    isMonthStacked: true
-  )
-  PBDateStacked(
-    date: Date(),
-    variant: .short(showIcon: false),
-    dateSize: .title3,
-    isMonthStacked: true
-  )
-}
-```

data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year_swift.md

@@ -1,19 +0,0 @@
-![Date-Stacked-Not-Current-Year](https://github.com/powerhome/playbook-swift/assets/54749071/f778f10f-21c3-42b9-b660-9def6c75ecf3)
-```swift
-VStack(alignment: .leading, spacing: Spacing.small) {
-  PBDateStacked(
-    alignment: .leading,
-    date: Date().makeDate(year: 2018, month: 3, day: 20),
-    variant: .standard,
-    dateSize: .title4,
-    isStandardStacked: true
-  )
-  PBDateStacked(
-    alignment: .leading,
-    date: Date().makeDate(year: 2018, month: 3, day: 20),
-    variant: .standard,
-    dateSize: .title3,
-    isStandardStacked: true
-  )
-}
-```

data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_props_swift.md

@@ -1,10 +0,0 @@
-### Props
-| Name | Type | Description | Default | Values |
-| --- | ----------- | --------- | --------- | --------- |
-| **alignment** | `HorizontalAlignment` | Changes the alignment of the date | `.leading` | `.leading` `.trailing` |
-| **dateSize** | `PBFont` |Sets the size of the date | `.body` |  `.subcaption` `.caption` `.body` |
-| **isReversed** | `Bool` | Boolean value that determines whether or not the month and date are reversed. | `false` |  `true` `false` |
-| **isMonthStacked** | `Bool` | Boolean value that determines whether or not the month is stacked | `false` |  `true` `false` |
-| **isStandardStacked** | `Bool` | Boolean value that determines whether or not the standard date variant is stacked. | `false` |  `true` `false` |
-| **isYearBold** | `Bool` | Boolean value that determines whether or not the the year is bold | `false` |  `true` `false` |
-| **isMonthBold** | `Bool` | Boolean value that determines whether or not the month  is bold. | `false` |  `true` `false` |

data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_reversed_swift.md

@@ -1,17 +0,0 @@
-![Date-Stacked-Reversed](https://github.com/powerhome/playbook-swift/assets/54749071/4dc3ff84-3a0d-4d9b-a363-5d649a3bdae6)
-```swift
-VStack(alignment: .leading, spacing: Spacing.small) {
-  PBDateStacked(
-    date: Date(),
-    variant: .short(showIcon: false),
-    dateSize: .title4,
-    isReversed: true
-  )
-  PBDateStacked(
-    date: Date(),
-    variant: .short(showIcon: false),
-    dateSize: .title3,
-    isReversed: true
-  )
-}
-```

data/app/pb_kits/playbook/pb_date_time/docs/_date_time_alignment_swift.md

@@ -1,39 +0,0 @@
-![Date-Time-Alignment](https://github.com/powerhome/playbook-swift/assets/54749071/9d1e08ac-4906-406f-b81d-1edf0a09e2e3)
-
-```swift
-VStack(spacing: Spacing.small) {
-  HStack {
-    PBDateTime(
-      dateVariant: .short(showIcon: false),
-      timeVariant: .iconTimeZone,
-      isLowercase: true,
-      isTimeBold: true,
-      zone: .utc,
-      showTimeZone: true,
-      timeZoneIdentifier: "2012-08-02T17:49:29Z"
-    )
-  }
-  .frame(maxWidth: .infinity, alignment: .leading)
-    PBDateTime(
-        dateVariant: .short(showIcon: false),
-        timeVariant: .iconTimeZone,
-        isLowercase: true,
-        isTimeBold: true,
-        zone: .utc,
-        showTimeZone: true,
-        timeZoneIdentifier: "2012-08-02T17:49:29Z"
-      )
-  HStack {
-    PBDateTime(
-      dateVariant: .short(showIcon: false),
-      timeVariant: .iconTimeZone,
-      isLowercase: true,
-      isTimeBold: true,
-      zone: .utc,
-      showTimeZone: true,
-      timeZoneIdentifier: "2012-08-02T17:49:29Z"
-    )
-  }
-  .frame(maxWidth: .infinity, alignment: .trailing)
-}
-```

data/app/pb_kits/playbook/pb_date_time/docs/_date_time_default_swift.md

@@ -1,39 +0,0 @@
-![Date-Time-Default](https://github.com/powerhome/playbook-swift/assets/54749071/f9ea63f9-81bd-41a9-8171-8a213c55ccfe)
-```swift
-VStack(alignment: .leading, spacing: Spacing.small) {
-  PBDateTime(
-    dateVariant: .dayDate(showYear: true),
-    timeVariant: .iconTimeZone,
-    isLowercase: true,
-    isTimeBold: true,
-    timeZoneIdentifier: "EST"
-  )
-  PBDateTime(
-    dateVariant: .dayDate(showYear: false),
-    timeVariant: .iconTimeZone,
-    isLowercase: true,
-    isTimeBold: true,
-    zone: .utc,
-    showTimeZone: true,
-    timeZoneIdentifier: "2012-08-02T17:49:29Z"
-  )
-  PBDateTime(
-    dateVariant: .short(showIcon: false),
-    timeVariant: .iconTimeZone,
-    isLowercase: true,
-    isTimeBold: true,
-    zone: .utc,
-    showTimeZone: true,
-    timeZoneIdentifier: "2012-08-02T17:49:29Z",
-    showIcon: true
-  )
-  PBDateTime(
-    dateVariant: .standard,
-    timeVariant: .iconTimeZone,
-    isLowercase: true,
-    isTimeBold: true,
-    showTimeZone: true,
-    timeZoneIdentifier: "GMT+9"
-  )
-}
-```

data/app/pb_kits/playbook/pb_date_time/docs/_date_time_props_swift.md

@@ -1,15 +0,0 @@
-### Props
-| Name | Type | Description | Default | Values |
-| --- | ----------- | --------- | --------- | --------- |
-| **dateTime** | `Date` | Sets current date. | | |
-| **iconSize** | `PBIcon.IconSize` | Allows user to change the size of the clock icon. | `.x3` | `.small` `.medium` `.large` |
-| **dateVariant** | `PBDate.Variant` | Allows user to choose how they would like the date to be displayed | `.dayDate(showYear: false)` | `.short` `.dayDate(showYear: false)` `.standard` `.withIcon(isStandard: true)` `.withIcon(isStandard: false)` |
-| **timeVariant** | `PBTime.Variant` | Allows user to choose how they would like the time to be displayed | `.time` | `.time` `.clockIcon` `.timeZone` `.iconTimeZone` `.withTimeZoneHeader` |
-| **fontSize** | `PBFont` | Allows user to change the size of the text | `.caption` | `.subcaption` `.caption` `.body` |
-| **isLowercase** | `Bool` | Determines whether or not am/pm is capitalized | `false` | `true` `false` |
-| **isTimeBold** | `Bool` | Determines whether or not the time is bold | `false` | `true` `false` |
-| **isTimeZoneBold** | `Bool` | Determines whether or not the time zone is bold | `false` | `true` `false` |
-| **zone** | `PBTime.Zones` | Allows the user to set the time zone | `.east` | `.east` `.central` `.mountain` `.pacific` `.gmt` |
-| **showTimeZone** | `Bool` | Determines whether or not the time zone is displayed | `false` | `true` `false` |
-| **timeZoneIdentifier** | `String` | String that the time kit utilizes to calculate the current time and time zone | | |
-| **showIcon** | `Bool` | Determines whether or not the clock icon is displayed | `false` | `true` `false` |

data/app/pb_kits/playbook/pb_date_time/docs/_date_time_size_swift.md

@@ -1,78 +0,0 @@
-![Date-Time-Sizes](https://github.com/powerhome/playbook-swift/assets/54749071/59b2394d-cf25-46b5-a634-ca0721a7b3b0)
-```swift
-VStack(alignment: .leading, spacing: Spacing.xSmall) {
-  PBDateTime(
-    dateVariant: .dayDate(showYear: false), 
-    timeVariant: .iconTimeZone,
-    fontSize: .caption,
-    zone: .utc,
-    showTimeZone: true,
-    timeZoneIdentifier: "2012-08-02T17:49:29Z",
-    showIcon: true
-  )
-  PBDateTime(
-    dateVariant: .dayDate(showYear: false),
-    timeVariant: .iconTimeZone,
-    fontSize: .caption,
-    zone: .utc,
-    showTimeZone: true,
-    timeZoneIdentifier: "2012-08-02T17:49:29Z"
-  )
-  PBDateTime(
-    dateVariant: .short(showIcon: false),
-    timeVariant: .iconTimeZone,
-    fontSize: .caption,
-    zone: .utc,
-    showTimeZone: true,
-    timeZoneIdentifier: "2012-08-02T17:49:29Z",
-    showIcon: true
-  )
-  PBDateTime(
-    dateVariant: .short(showIcon: false),
-    timeVariant: .iconTimeZone,
-    fontSize: .caption,
-    zone: .utc,
-    showTimeZone: true,
-    timeZoneIdentifier: "2012-08-02T17:49:29Z"
-  )
-  Spacer()
-  PBDateTime(
-    dateVariant: .dayDate(showYear: false),
-    timeVariant: .iconTimeZone,
-    isLowercase: true,
-    isTimeBold: true,
-    zone: .utc,
-    showTimeZone: true,
-    timeZoneIdentifier: "2012-08-02T17:49:29Z",
-    showIcon: true
-  )
-  PBDateTime(
-    dateVariant: .dayDate(showYear: false),
-    timeVariant: .iconTimeZone,
-    isLowercase: true,
-    isTimeBold: true,
-    zone: .utc,
-    showTimeZone: true,
-    timeZoneIdentifier: "2012-08-02T17:49:29Z"
-  )
-  PBDateTime(
-    dateVariant: .short(showIcon: false),
-    timeVariant: .iconTimeZone,
-    isLowercase: true,
-    isTimeBold: true,
-    zone: .utc,
-    showTimeZone: true,
-    timeZoneIdentifier: "2012-08-02T17:49:29Z",
-    showIcon: true
-  )
-  PBDateTime(
-    dateVariant: .short(showIcon: false),
-    timeVariant: .iconTimeZone,
-    isLowercase: true,
-    isTimeBold: true,
-    zone: .utc,
-    showTimeZone: true,
-    timeZoneIdentifier: "2012-08-02T17:49:29Z"
-  )
-}
-```

data/app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default_swift.md

@@ -1,20 +0,0 @@
-![Date-Year-Stacked-Default](https://github.com/powerhome/playbook-swift/assets/54749071/997c9389-669a-42d4-b4af-661d546024b9)
-```swift
-VStack(alignment: .leading, spacing: Spacing.small) {
-  PBDateYearStacked(
-    date: Date(),
-    alignment: .leading
-  )
-  .frame(maxWidth: .infinity, alignment: .leading)
-  PBDateYearStacked(
-    date: Date(),
-    alignment: .center
-  )
-  .frame(maxWidth: .infinity, alignment: .center)
-  PBDateYearStacked(
-    date: Date(),
-    alignment: .trailing
-  )
-  .frame(maxWidth: .infinity, alignment: .trailing)
-}
-```

data/app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_props_swift.md

@@ -1,6 +0,0 @@
-### Props
-| Name | Type | Description | Default | Values |
-| --- | ----------- | --------- | --------- | --------- |
-| **date** | `Date()` |Sets the size of the date | `Date()` |   |
-| **alignment** | `HorizontalAlignment` | Changes the alignment of the date | `.leading` | `.leading` `.trailing` |
-| **variant** | `PBDate.Variant` | Boolean value that determines whether or not the month and date are reversed. | `.standard` |  `short(showIcon: Bool)`, `standard`, `dayDate(showYear: Bool)`, `withIcon(isStandard: Bool)` |

data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure_rails.md

@@ -1,6 +0,0 @@
-The dropdown is built using all of the following required subcomponents:
-
-`dropdown/dropdown_trigger` is the UI component that users interact with to toggle the dropdown. 
-`dropdown/dropdown_container` is the floating container that wraps the list of dropdown options.
-`dropdown/dropdown_option` renders options that are passed to the container. 
-Each of these subcomponents can be altered using global props and/or their respective props. See doc examples below for more information on each.

data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.md

@@ -1,5 +0,0 @@
-Optionally utilize `custom_display` on the `dropdown/dropdown_trigger` subcomponent to customize its content after an option is selected. The component passed to custom_display will be rendered to the left of the default text-based display. In this example the Avatar kit is being used.
-
-The `placeholder` prop can also be used to customize the placeholder text for the default `dropdown/dropdown_trigger`. 
-
-The dropdown follows the typical rails pattern of utilizing hidden inputs for form submission. The hidden input value is the selected options' id.

data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options_rails.md

@@ -1 +0,0 @@
-`dropdown/dropdown_option` subcomponent accepts any child components to customize the options' contents and display. By default, options are Body kit text that is set by the `label` value from the `option` object.

data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger_rails.md

@@ -1 +0,0 @@
-Optionally replace the default trigger's select element by passing child components directly to the `dropdown/dropdown_trigger`.

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children_swift.md

@@ -1,23 +0,0 @@
-![Children-Toast](https://github.com/powerhome/playbook-swift/assets/54749071/55aebd12-43c4-4061-92d3-6aebb07ff349)
-
-```swift
-VStack(alignment: .leading) {
-  PBToast(
-    text: message,
-    variant: .success,
-    actionView: .custom(AnyView(Text("Undo").pbFont(.title4, color: .white))),
-    dismissAction: closeToast
-  )
-  PBToast(
-    variant: .custom(nil, .pbPrimary),
-    actionView: .custom(
-    AnyView(
-      HStack {
-        Text("Undo action").pbFont(.caption, color: .white)
-        PBButton(variant: .primary, title: "Undo").disabled(true)
-      }
-    )),
-    dismissAction: closeToast
-  )
-}
-```

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_close_swift.md

@@ -1,7 +0,0 @@
-```swift
-VStack(alignment: .leading) {
-  PBToast(text: "Error Message", variant: .error, actionView: .default, dismissAction: closeToast)
-  PBToast(text: "Items Successfully Moved", variant: .success, actionView: .default, dismissAction: closeToast)
-  PBToast(text: "Scan to Assign Selected Items", variant: .neutral, actionView: .default, dismissAction: closeToast)
-}
-```

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_default_swift.md

@@ -1,9 +0,0 @@
-![Default-Toast](https://github.com/powerhome/playbook-swift/assets/54749071/cc465b1b-85ba-4492-a832-b06b842a1555)
-
-```swift
-VStack(alignment: .leading) {
-  PBToast(text: "Error Message", variant: .error, dismissAction: closeToast)
-  PBToast(text: "Items Successfully Moved", variant: .success, dismissAction: closeToast)
-  PBToast(text: "Scan to Assign Selected Items", variant: .neutral, dismissAction: closeToast)
-}
-```

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_dismiss_with_timer_swift.md

@@ -1,22 +0,0 @@
-```swift
-HStack {
-  PBButton(variant: .secondary, title: "Top Center") {
-    position = .top
-    toastView = PBToast(
-    text: "Top Center",
-    variant: .neutral,
-    actionView: .withTimer(3),
-    dismissAction: closeToast
-    )
-  }
-  PBButton(variant: .secondary, title: "Bottom Center") {
-    position = .bottom
-    toastView = PBToast(
-    text: "Bottom Center",
-    variant: .neutral,
-    actionView: .withTimer(2),
-    dismissAction: closeToast
-    )
-  }
-}
-```

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line_swift.md

@@ -1,9 +0,0 @@
-![Multiline-Toast](https://github.com/powerhome/playbook-swift/assets/54749071/df7bb8da-89ee-477e-8001-7262e48ce03a)
-
-```swift
-PBToast(
-  text: message,
-  variant: .custom(.infoCircle, .pbPrimary),
-  dismissAction: closeToast
-)
-```

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_positions_swift.md

@@ -1,62 +0,0 @@
-```swift
-GridRow {
-  PBButton(variant: .secondary, title: "Top Left") {
-    position = .topLeft
-    toastView = PBToast(
-    text: "Top Left",
-    variant: .neutral,
-    actionView: .default,
-    dismissAction: closeToast
-    )
-  }
-  PBButton(variant: .secondary, title: "Top Right") {
-    position = .topRight
-    toastView = PBToast(
-    text: "Top Right",
-    variant: .neutral,
-    actionView: .default,
-    dismissAction: closeToast
-    )
-  }
-}
-GridRow {
-  PBButton(variant: .secondary, title: "Top Center") {
-    position = .top
-    toastView = PBToast(
-    text: "Top Center",
-    variant: .neutral,
-    actionView: .default,
-    dismissAction: closeToast
-    )
-  }
-  PBButton(variant: .secondary, title: "Bottom Center") {
-    position = .bottom
-    toastView = PBToast(
-    text: "Bottom Center",
-    variant: .custom(.user, .status(.neutral)),
-    actionView: .default,
-    dismissAction: closeToast
-    )
-  }
-}
-GridRow {
-  PBButton(variant: .secondary, title: "Bottom Left") {
-    position = .bottomLeft
-    toastView = PBToast(
-    text: "Bottom Left",
-    variant: .custom(.user, .status(.neutral)),
-    actionView: .default,
-    dismissAction: closeToast
-    )
-  }
-  PBButton(variant: .secondary, title: "Bottom Right") {
-    position = .bottomRight
-    toastView = PBToast(
-    text: "Bottom Right",
-    variant: .custom(.user, .status(.neutral)),
-    actionView: .default,
-    dismissAction: closeToast
-    )
-  }
-}
-```

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_props_swift.md

@@ -1,8 +0,0 @@
-### Props
-| Name | Type | Description | Default | Values |
-| --- | ----------- | --------- | --------- | --------- |
-| **text** | `String` |`Value for the toast message` | `nil` |   |
-| **variant** | `Variant` | `Determines the type pf toast message being displayed` | `.custom()` |  `error`, `success`, 
-`neutral`, `custom()` |
-| **actionView** | `dismissAction` | Dismisses the toast message | `.default` | `default` `custom()` `withTimer()` |
-| **dismissAction** | `(() -> Void)` | `Triggers the dismiss action` |  |  |

data/lib/playbook/forms/builder/phone_number_field.rb

@@ -1,12 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module Forms
-    class Builder
-      def phone_number_field(name, props: {})
-        props[:name] = name
-        @template.pb_rails("phone_number_input", props: props)
-      end
-    end
-  end
-end