playbook_ui_docs 16.8.0.pre.alpha.PLAY2945selectformblankselection16424 → 16.8.0.pre.alpha.PLAY2966draggablemobile16518

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e18a62983a7a32baed6bdf7820a428540ccfb00e503620c25b07e66d04502d43
-  data.tar.gz: 78d3e72164769d3dba478f2f95f01363c76458c513b46ffcaba8d50b1b44351e
+  metadata.gz: d2df1d1b8c8203ed71f852c595babd3c4321ab1937fef855dea4e820f4d31a52
+  data.tar.gz: 36b7990d2030503a3aede4537a87e122069e09e99021ab855f64c0533c44980a
 SHA512:
-  metadata.gz: cf11e9f06655de8e7cafd9606746620d8fd47e7522c598213c3f7d7d1941714b9e56d2bb2d6e36b56dd1ae6e22f83e67ead67e5d9cb377fed5f20cdad9f82da1
-  data.tar.gz: 0a7fdbb41a8b81c98940bac514b1b8a841267fb05271aadf4a2f7547470780cf1499014c56a5d94a19421b2a0ce0d8a9d37e17eb938363aec6c188417feef96c
+  metadata.gz: b5475ff18326174799475f411ac71f374dea0f36a424c1dc27e1a7c41cb13bcb2b4e6160f4849b4e155aa27ef9138484a0ce36e84f338c555ac9ca8ad97ffdd0
+  data.tar.gz: 82c782a1224003ba69832fc4445c629ea65ff80eb299c94cc30737cf1a668012fec2369f079f4577a5f7fb2c0b74d7651d7ee8722770e5154a5bb42bac17f714

data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_rails.md

@@ -3,3 +3,5 @@ For a simplified version of the Draggable API for the List kit, you can do the f
 The List kit is optimized to work with the draggable kit. To enable drag, use the `enable_drag` prop on List kit with an array of the included items AND `drag_id` prop on ListItems. You will also need to include the `items` prop containing your array of listed items for the Draggable API.
 
 An additional optional boolean prop (set to true by default) of `drag_handle` is also available on ListItem kit to show the drag handle icon.
+
+On touch devices (phones and tablets), reordering is started from the grip handle only. Touch the grip and move slightly to drag; you do not need a long press. Touching and swiping the rest of the list row scrolls the page as usual. Keep `drag_handle` enabled on mobile so users have a clear drag target separate from scroll. Desktop mouse drag is unchanged.

data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_react.md

@@ -2,4 +2,6 @@ For a simplified version of the Draggable API for the List kit, you can do the f
 
 Use `DraggableProvider` and manage state as shown.
 
-The List kit is optimized to work with the draggable kit. To enable drag, use the `enableDrag` prop on List kit AND `dragId` prop on ListItem. An additional optional boolean prop (set to true by default) of `dragHandle` is also available on List kit to show the drag handle icon.
+The List kit is optimized to work with the draggable kit. To enable drag, use the `enableDrag` prop on List kit AND `dragId` prop on ListItem. An additional optional boolean prop (set to true by default) of `dragHandle` is also available on ListItem to show the drag handle icon.
+
+On touch devices (phones and tablets), reordering is started from the grip handle only. Touch the grip and move slightly to drag; you do not need a long press. Touching and swiping the rest of the list row scrolls the page as usual. Keep `dragHandle` enabled on mobile so users have a clear drag target separate from scroll. Desktop mouse drag is unchanged.

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

@@ -1,7 +1,6 @@
 examples:
 
   rails:
-  - form_form_with_select_examples: Select Examples
   - form_form_with: Default
   - form_form_with_validate: Default + Validation
   - form_form_with_validation_msg: Validation + Custom Validation Message

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 16.8.0.pre.alpha.PLAY2945selectformblankselection16424
+  version: 16.8.0.pre.alpha.PLAY2966draggablemobile16518
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-05-18 00:00:00.000000000 Z
+date: 2026-05-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: playbook_ui
@@ -1192,7 +1192,6 @@ files:
 - app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb
 - app/pb_kits/playbook/pb_form/docs/_form_form_with_loading.html.erb
 - app/pb_kits/playbook/pb_form/docs/_form_form_with_loading.md
-- app/pb_kits/playbook/pb_form/docs/_form_form_with_select_examples.html.erb
 - app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb
 - app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.md
 - app/pb_kits/playbook/pb_form/docs/_form_form_with_validation_msg.html.erb
@@ -2957,7 +2956,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.5.3
+rubygems_version: 3.5.22
 signing_key:
 specification_version: 4
 summary: Playbook Design System Docs

data/app/pb_kits/playbook/pb_form/docs/_form_form_with_select_examples.html.erb

@@ -1,31 +0,0 @@
-<%
-  example_collection = [
-    OpenStruct.new(name: "Alabama", value: 1),
-    OpenStruct.new(name: "Alaska", value: 2),
-    OpenStruct.new(name: "Arizona", value: 3),
-    OpenStruct.new(name: "Arkansas", value: 4),
-    OpenStruct.new(name: "California", value: 5),
-    OpenStruct.new(name: "Colorado", value: 6),
-    OpenStruct.new(name: "Connecticut", value: 7),
-    OpenStruct.new(name: "Delaware", value: 8),
-    OpenStruct.new(name: "Florida", value: 9),
-    OpenStruct.new(name: "Georgia", value: 10),
-  ]
-%>
-
-<%= pb_form_with(scope: :example, url: "", method: :get) do |form| %>
-  <%= form.select :example_select, [ ["Yes", 1], ["No", 2], ["Maybe", 3] ], props: { label: "Select Default" } %>
-  <%= form.select :example_select_2, [ ["Yes", 1], ["No", 2], ["Maybe", 3] ], props: { label: "Select with Blank Selection", blank_selection: "Blank selection..." } %>
-  <%= form.select :example_select_3, [ ["Yes", 1], ["No", 2], ["Maybe", 3] ], { include_blank: "Include blank..." }, {}, props: { label: "Select with Include Blank" } %>
-  <%= form.collection_select :example_collection_select, example_collection, :value, :name, props: { label: "Collection Select Default" } %>
-  <%= form.collection_select :example_collection_select_2, example_collection, :value, :name, props: { label: "Collection Select with Blank Selection", blank_selection: "Blank selection..." } %>
-  <%= form.collection_select :example_collection_select_3, example_collection, :value, :name, { include_blank: "Include blank..." }, {}, props: { label: "Collection Select with Include Blank" } %>
-  <%= form.time_zone_select_field :example_time_zone_select, ActiveSupport::TimeZone.us_zones, props: { label: "Time Zone Select Default" } %>
-  <%= form.time_zone_select_field :example_time_zone_select_2, ActiveSupport::TimeZone.us_zones, { default: "Eastern Time (US & Canada)" }, props: { label: "Time Zone Select with a Default Selection" } %>
-  <%= form.time_zone_select_field :example_time_zone_select_3, ActiveSupport::TimeZone.us_zones, props: { label: "Time Zone Select with Blank Selection", blank_selection: "Blank selection..." }  %>
-  <%= form.time_zone_select_field :example_time_zone_select_4, ActiveSupport::TimeZone.us_zones, { include_blank: "Include blank..." }, {}, props: { label: "Time Zone Select with Include Blank" } %>
-  <%= form.actions do |action| %>
-    <%= action.submit %>
-    <%= action.button props: { type: "reset", text: "Cancel", variant: "secondary" } %>
-  <% end %>
-<% end %>