playbook_ui_docs 14.13.0.pre.rc.10 → 14.14.0.pre.alpha.PBNTR888selectvaliditymessage6348

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 14.13.0.pre.rc.10
+  version: 14.14.0.pre.alpha.PBNTR888selectvaliditymessage6348
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-02-06 00:00:00.000000000 Z
+date: 2025-02-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: playbook_ui
@@ -46,6 +46,7 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_custom_cell.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.md
@@ -91,6 +92,10 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_rails.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_react.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.html.erb
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.jsx
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_rails.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_react.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_no_subrows.json
@@ -122,17 +127,6 @@ files:
 - app/pb_kits/playbook/pb_avatar/docs/_footer.md
 - app/pb_kits/playbook/pb_avatar/docs/example.yml
 - app/pb_kits/playbook/pb_avatar/docs/index.js
-- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.html.erb
-- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.jsx
-- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.html.erb
-- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.jsx
-- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click.jsx
-- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_onclick.html.erb
-- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.html.erb
-- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
-- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip.html.erb
-- app/pb_kits/playbook/pb_avatar_action_button/docs/example.yml
-- app/pb_kits/playbook/pb_avatar_action_button/docs/index.js
 - app/pb_kits/playbook/pb_background/docs/_background_category.html.erb
 - app/pb_kits/playbook/pb_background/docs/_background_category.jsx
 - app/pb_kits/playbook/pb_background/docs/_background_category.md
@@ -195,6 +189,8 @@ files:
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.md
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.html.erb
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.jsx
+- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.jsx
+- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.md
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.html.erb
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.md
@@ -352,6 +348,8 @@ files:
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate_swift.md
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_options.html.erb
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_props_swift.md
+- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.jsx
+- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.md
 - app/pb_kits/playbook/pb_checkbox/docs/_description.md
 - app/pb_kits/playbook/pb_checkbox/docs/example.yml
 - app/pb_kits/playbook/pb_checkbox/docs/index.js
@@ -457,6 +455,10 @@ files:
 - app/pb_kits/playbook/pb_currency/docs/_currency_negative.jsx
 - app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.html.erb
 - app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.jsx
+- app/pb_kits/playbook/pb_currency/docs/_currency_null_display.html.erb
+- app/pb_kits/playbook/pb_currency/docs/_currency_null_display.jsx
+- app/pb_kits/playbook/pb_currency/docs/_currency_null_display_rails.md
+- app/pb_kits/playbook/pb_currency/docs/_currency_null_display_react.md
 - app/pb_kits/playbook/pb_currency/docs/_currency_props_swift.md
 - app/pb_kits/playbook/pb_currency/docs/_currency_size.html.erb
 - app/pb_kits/playbook/pb_currency/docs/_currency_size.jsx
@@ -698,6 +700,8 @@ files:
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_default_rails.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.html.erb
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards_rails.html.erb
@@ -710,6 +714,10 @@ files:
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.html.erb
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.html.erb
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.jsx
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.md
 - app/pb_kits/playbook/pb_draggable/docs/example.yml
 - app/pb_kits/playbook/pb_draggable/docs/index.js
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.jsx
@@ -976,6 +984,10 @@ files:
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.jsx
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.md
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis_swift.md
+- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.html.erb
+- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.jsx
+- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_rails.md
+- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_react.md
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.html.erb
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.jsx
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.md
@@ -1022,7 +1034,11 @@ files:
 - app/pb_kits/playbook/pb_icon/docs/example.yml
 - app/pb_kits/playbook/pb_icon/docs/index.js
 - app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.html.erb
+- app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.jsx
+- app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.html.erb
+- app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.jsx
 - app/pb_kits/playbook/pb_icon_button/docs/example.yml
+- app/pb_kits/playbook/pb_icon_button/docs/index.js
 - app/pb_kits/playbook/pb_icon_circle/docs/_description.md
 - app/pb_kits/playbook/pb_icon_circle/docs/_footer.md
 - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.html.erb
@@ -1365,6 +1381,8 @@ files:
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.html.erb
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.jsx
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.md
+- app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.jsx
+- app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional_react.md
 - app/pb_kits/playbook/pb_overlay/docs/example.yml
 - app/pb_kits/playbook/pb_overlay/docs/index.js
 - app/pb_kits/playbook/pb_pagination/docs/_pagination_default.html.erb
@@ -1476,6 +1494,11 @@ files:
 - app/pb_kits/playbook/pb_progress_pills/docs/_description.md
 - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.html.erb
 - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.jsx
+- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.md
+- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.html.erb
+- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.jsx
+- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_rails.md
+- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_react.md
 - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.html.erb
 - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.jsx
 - app/pb_kits/playbook/pb_progress_pills/docs/example.yml
@@ -1832,12 +1855,17 @@ files:
 - app/pb_kits/playbook/pb_table/docs/_table_vertical_border.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.jsx
+- app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.jsx
+- app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_rails.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_react.md
+- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx
-- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.md
+- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click_rails.md
+- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click_react.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content_rails.html.erb
@@ -1850,6 +1878,9 @@ files:
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.md
+- app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.jsx
+- app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.html.erb

data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.html.erb

@@ -1,19 +0,0 @@
-<div class="pb--doc-demo-row">
-  
-  <%= pb_rails("avatar_action_button", props: {
-      link_aria_label: "Add Sophia Carden",
-      name: "Sophia Carden",
-      image_alt: "Add Sophia Carden",
-      image_url: "https://randomuser.me/api/portraits/women/8.jpg",
-      action: "add",
-  }) %>
-
-  <%= pb_rails("avatar_action_button", props: {
-      link_aria_label: "Remove Sophia Carden",
-      name: "Sophia Carden",
-      image_alt: "Remove Sophia Carden",
-      image_url: "https://randomuser.me/api/portraits/women/8.jpg",
-      action: "remove",
-  }) %>
-
-</div>

data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.jsx

@@ -1,26 +0,0 @@
-import React from 'react'
-
-import AvatarActionButton from '../_avatar_action_button'
-
-const AvatarActionButtonActions = (props) => (
-  <div className="pb--doc-demo-row">
-    <AvatarActionButton
-        action="add"
-        imageAlt="Add Sophia Carden"
-        imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
-        linkAriaLabel="Add Sophia Carden"
-        name="Sophia Carden"
-        {...props}
-    />
-    <AvatarActionButton
-        action="remove"
-        imageAlt="Remove Sophia Carden"
-        imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
-        linkAriaLabel="Remove Sophia Carden"
-        name="Sophia Carden"
-        {...props}
-    />
-  </div>
-)
-
-export default AvatarActionButtonActions

data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.html.erb

@@ -1,10 +0,0 @@
-<div class="pb--doc-demo-row">
-
-  <%= pb_rails("avatar_action_button", props: {
-      link_aria_label: "Sophia Carden",
-      name: "Sophia Carden",
-      image_alt: "Sophia Carden",
-      image_url: "https://randomuser.me/api/portraits/women/8.jpg"
-  }) %>
-
-</div>

data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.jsx

@@ -1,17 +0,0 @@
-import React from 'react'
-
-import AvatarActionButton from '../_avatar_action_button'
-
-const AvatarActionButtonDefault = (props) => (
-  <div className="pb--doc-demo-row">
-    <AvatarActionButton
-        imageAlt="Sophia Carden"
-        imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
-        linkAriaLabel="Sophia Carden"
-        name="Sophia Carden"
-        {...props}
-    />
-  </div>
-)
-
-export default AvatarActionButtonDefault

data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click.jsx

@@ -1,19 +0,0 @@
-import React from 'react'
-
-import AvatarActionButton from '../_avatar_action_button'
-
-const AvatarActionButtonOnClick = (props) => (
-  <div className="pb--doc-demo-row">
-    <AvatarActionButton
-        imageAlt="Sophia Carden"
-        imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
-        linkAriaLabel="Alert Sophia Carden"
-        linkUrl="https://www.google.com"
-        name="Sophia Carden"
-        onClick={() => alert('clicked!')}
-        {...props}
-    />
-  </div>
-)
-
-export default AvatarActionButtonOnClick

data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_onclick.html.erb

@@ -1,16 +0,0 @@
-<div class="pb--doc-demo-row">
-  
-  <%= pb_rails("avatar_action_button", props: {
-      link_aria_label: "Alert Sophia Carden",
-      name: "Sophia Carden",
-      id: "clickable",
-      link_url: "http://www.google.com",
-      image_alt: "Sophia Carden",
-      image_url: "https://randomuser.me/api/portraits/women/8.jpg",
-  }) %>
-
-  <%= javascript_tag do %>
-    document.querySelector('#clickable').addEventListener('click', () => alert('clickable clicked!'))
-  <% end %>
-
-</div>

data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.html.erb

@@ -1,35 +0,0 @@
-<div class="pb--doc-demo-row">
-  
-  <%= pb_rails("avatar_action_button", props: {
-      link_aria_label: "Sophia Carden",
-      name: "Sophia Carden",
-      image_alt: "Sophia Carden",
-      image_url: "https://randomuser.me/api/portraits/women/8.jpg",
-      placement: "bottom_left"
-  }) %>
-
-  <%= pb_rails("avatar_action_button", props: {
-      link_aria_label: "Sophia Carden",
-      name: "Sophia Carden",
-      image_alt: "Sophia Carden",
-      image_url: "https://randomuser.me/api/portraits/women/8.jpg",
-      placement: "bottom_right"
-  }) %>
-
-    <%= pb_rails("avatar_action_button", props: {
-      link_aria_label: "Sophia Carden",
-      name: "Sophia Carden",
-      image_alt: "Sophia Carden",
-      image_url: "https://randomuser.me/api/portraits/women/8.jpg",
-      placement: "top_left"
-  }) %>
-
-    <%= pb_rails("avatar_action_button", props: {
-      link_aria_label: "Sophia Carden",
-      name: "Sophia Carden",
-      image_alt: "Sophia Carden",
-      image_url: "https://randomuser.me/api/portraits/women/8.jpg",
-      placement: "top_right"
-  }) %>
-
-</div>

data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx

@@ -1,42 +0,0 @@
-import React from 'react'
-
-import AvatarActionButton from '../_avatar_action_button'
-
-const AvatarActionButtonPlacement = (props) => (
-  <div className="pb--doc-demo-row">
-    <AvatarActionButton
-        imageAlt="Sophia Carden"
-        imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
-        linkAriaLabel="Sophia Carden"
-        name="Sophia Carden"
-        placement="bottom_left"
-        {...props}
-    />
-    <AvatarActionButton
-        imageAlt="Sophia Carden"
-        imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
-        linkAriaLabel="Sophia Carden"
-        name="Sophia Carden"
-        placement="bottom_right"
-        {...props}
-    />
-    <AvatarActionButton
-        imageAlt="Sophia Carden"
-        imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
-        linkAriaLabel="Sophia Carden"
-        name="Sophia Carden"
-        placement="top_left"
-        {...props}
-    />
-    <AvatarActionButton
-        imageAlt="Sophia Carden"
-        imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
-        linkAriaLabel="Sophia Carden"
-        name="Sophia Carden"
-        placement="top_right"
-        {...props}
-    />
-  </div>
-)
-
-export default AvatarActionButtonPlacement

data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip.html.erb

@@ -1,13 +0,0 @@
-<div class="pb--doc-demo-row">
-  
-  <%= pb_rails("avatar_action_button", props: {
-      link_aria_label: "Sophia Carden",
-      name: "Sophia Carden",
-      link_url: "http://www.google.com",
-      image_alt: "Sophia Carden",
-      image_url: "https://randomuser.me/api/portraits/women/8.jpg",
-      tooltip_text: "Tooltip Text",
-      tooltip_id: "avatar_1",
-  }) %>
-
-</div>

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

@@ -1,15 +0,0 @@
-examples:
-  
-  rails:
-  - avatar_action_button_default: Default
-  - avatar_action_button_placement: Placement
-  - avatar_action_button_actions: Actions
-  - avatar_action_button_onclick: On Click
-  - avatar_action_button_tooltip: Tooltip
-
-  
-  react:
-  - avatar_action_button_default: Default
-  - avatar_action_button_placement: Placement
-  - avatar_action_button_actions: Actions
-  - avatar_action_button_on_click: On Click

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

@@ -1,4 +0,0 @@
-export { default as AvatarActionButtonDefault } from './_avatar_action_button_default.jsx'
-export { default as AvatarActionButtonPlacement } from './_avatar_action_button_placement.jsx'
-export { default as AvatarActionButtonActions } from './_avatar_action_button_actions.jsx'
-export { default as AvatarActionButtonOnClick } from './_avatar_action_button_on_click.jsx'