playbook_ui 15.5.0.pre.alpha.draggableask12815 → 15.5.0.pre.alpha.draggablefix12557

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "15.5.0"
-  VERSION = "15.5.0.pre.alpha.draggableask12815"
+  VERSION = "15.5.0.pre.alpha.draggablefix12557"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 15.5.0.pre.alpha.draggableask12815
+  version: 15.5.0.pre.alpha.draggablefix12557
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-12-04 00:00:00.000000000 Z
+date: 2025-11-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -487,7 +487,6 @@ files:
 - app/pb_kits/playbook/pb_background/docs/_background_image.md
 - app/pb_kits/playbook/pb_background/docs/_background_light.html.erb
 - app/pb_kits/playbook/pb_background/docs/_background_light.jsx
-- app/pb_kits/playbook/pb_background/docs/_background_light.md
 - app/pb_kits/playbook/pb_background/docs/_background_overlay.jsx
 - app/pb_kits/playbook/pb_background/docs/_background_overlay.md
 - app/pb_kits/playbook/pb_background/docs/_background_size.html.erb
@@ -525,6 +524,7 @@ files:
 - app/pb_kits/playbook/pb_badge/docs/_description.md
 - app/pb_kits/playbook/pb_badge/docs/example.yml
 - app/pb_kits/playbook/pb_badge/docs/index.js
+- app/pb_kits/playbook/pb_bar_graph/BarGraphStyles.scss
 - app/pb_kits/playbook/pb_bar_graph/_bar_graph.scss
 - app/pb_kits/playbook/pb_bar_graph/_bar_graph.tsx
 - app/pb_kits/playbook/pb_bar_graph/barGraph.test.js
@@ -1332,7 +1332,6 @@ files:
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.html.erb
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_dropzone.jsx
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_dropzone.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_react.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.html.erb
@@ -2250,8 +2249,6 @@ files:
 - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.jsx
 - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.md
 - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size_swift.md
-- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.jsx
-- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.md
 - app/pb_kits/playbook/pb_multiple_users/docs/example.yml
 - app/pb_kits/playbook/pb_multiple_users/docs/index.js
 - app/pb_kits/playbook/pb_multiple_users/multiple_users.html.erb
@@ -3655,9 +3652,6 @@ files:
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.md
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_input_display.html.erb
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_input_display.jsx
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_input_display.md
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb
@@ -3861,7 +3855,7 @@ files:
 - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
 - app/pb_kits/playbook/utilities/text.ts
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
-- dist/chunks/_typeahead-Dt3l7Dj8.js
+- dist/chunks/_typeahead-LoB4DX1N.js
 - dist/chunks/lazysizes-B7xYodB-.js
 - dist/chunks/lib-CgpqUb6l.js
 - dist/chunks/vendor.js

data/app/pb_kits/playbook/pb_background/docs/_background_light.md

@@ -1 +0,0 @@
-By default, the Background kit sets background color to 'light' as seen here. 

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

@@ -1,22 +0,0 @@
-The multiple container functionality also supports customized dropzone styling as shown here. 
-
-In addition to this, the `enableCrossContainerPreview` prop can be used on the `DraggableProvider` as shown here to enable dropzone preview for cross-container dragging. 
-
-With `enableCrossContainerPreview`, the `onDrop` and `onDragEnd` event listeners will also provide several arguments to allow developers more context from the drag event.
-
-The `onDrop` callback is triggered when an item is successfully dropped into a container. It provides the following arguments:
-
-- `draggedItemId` - The ID of the item that was dragged
-- `droppedContainer` - The container where the item was dropped
-- `originalContainer` - The container where the drag started
-- `item` - The complete item object with all properties (including the updated container)
-- `itemAbove` - The item directly above the dropped item in the final position (null if at the top)
-- `itemBelow` - The item directly below the dropped item in the final position (null if at the bottom)
-
-The `onDragEnd` callback is triggered when a drag operation ends, whether it was dropped or cancelled. It provides the following arguments:
-
-- `draggedItemId` - The ID of the item that was dragged
-- `finalContainer` - The container where the item ended up (could be same as original if drag was cancelled)
-- `originalContainer` - The container where the drag started
-- `itemAbove` - The item directly above the dragged item in the final position (null if at the top)
-- `itemBelow` - The item directly below the dragged item in the final position (null if at the bottom)

data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.jsx

@@ -1,42 +0,0 @@
-import React from 'react'
-import MultipleUsers from '../../pb_multiple_users/_multiple_users'
-
-const MultipleUsersWithTooltip = (props) => {
-    return (
-        <div>
-            <MultipleUsers
-                users={[
-                    {
-                        name: 'Patrick Welch',
-                        imageUrl: 'https://randomuser.me/api/portraits/men/9.jpg',
-                        tooltip: "Patrick Welch - Online"
-                    },
-                    {
-                        name: 'Lucille Sanchez',
-                        imageUrl: 'https://randomuser.me/api/portraits/women/6.jpg',
-                        tooltip: "Lucille Sanchez - Offline"
-                    },
-                    {
-                        name: 'Beverly Reyes',
-                        imageUrl: 'https://randomuser.me/api/portraits/women/74.jpg',
-                        tooltip: "Beverly Reyes - Online"
-                    },
-                    {
-                        name: 'Keith Craig',
-                        imageUrl: 'https://randomuser.me/api/portraits/men/40.jpg',
-                        tooltip: "Keith Craig - Away"
-                    },
-                    {
-                        name: 'Alicia Cooper',
-                        imageUrl: 'https://randomuser.me/api/portraits/women/46.jpg',
-                        tooltip: "Alicia Cooper - Busy"
-                    },
-                ]}
-                withTooltip
-                {...props}
-            />
-        </div>
-    )
-}
-``
-export default MultipleUsersWithTooltip

data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.md

@@ -1 +0,0 @@
-Use the `withTooltip` boolean prop to enable setting user-specific tooltip content via the `tooltip` property in the users array.

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_input_display.html.erb

@@ -1,30 +0,0 @@
-<% 
-options = [
-  { label: 'Orange', value: '#FFA500' },
-  { label: 'Red', value: '#FF0000' },
-  { label: 'Green', value: '#00FF00' },
-  { label: 'Blue', value: '#0000FF' },
-  { label: 'Yellow', value: '#FFFF00' },
-  { label: 'Purple', value: '#800080' },
-  { label: 'Cyan', value: '#00FFFF' },
-  { label: 'Magenta', value: '#FF00FF' }
-] 
-%>
-
-<%= pb_rails("typeahead", props: {
-    id: "typeahead-input-display-none",
-    label: "With Input Display None",
-    options: options,
-    name: :foo,
-    input_display: "none",
-    })
-%>
-<br/>
-<%= pb_rails("typeahead", props: {
-    id: "typeahead-input-display-pills",
-    label: "With Input Display Pills (Default)",
-    options: options,
-    name: :foo,
-    pills: true,
-    })
-%>

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_input_display.jsx

@@ -1,37 +0,0 @@
-import React from 'react'
-
-import Typeahead from '../_typeahead'
-
-const options = [
-  { label: 'Orange', value: '#FFA500' },
-  { label: 'Red', value: '#FF0000' },
-  { label: 'Green', value: '#00FF00' },
-  { label: 'Blue', value: '#0000FF' },
-  { label: 'Yellow', value: '#FFFF00' },
-  { label: 'Purple', value: '#800080' },
-  { label: 'Cyan', value: '#00FFFF' },
-  { label: 'Magenta', value: '#FF00FF' }
-]
-
-const TypeaheadInputDisplay = (props) => {
-  return (
-    <>
-      <Typeahead
-          inputDisplay="none"
-          isMulti
-          label="With Input Display None"
-          options={options}
-          {...props}
-      />
-      <br/>
-      <Typeahead
-          isMulti
-          label="With Input Display Pills (Default)"
-          options={options}
-          {...props}
-      />
-    </>
-  )
-}
-
-export default TypeaheadInputDisplay

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_input_display.md

@@ -1,3 +0,0 @@
-Use the `inputDisplay`/`input_display` prop to optionally display only the count in the display as opposed to multiple pills. This prop is set to 'pills' by default. 
-
-**NOTE**: `inputDisplay`/`input_display` should only be used with typeaheads that allow multi selection.