playbook_ui_docs 14.13.0.pre.alpha.play1900progresspillwidth6122 → 14.13.0.pre.alpha.rails8compatible6228

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 14.13.0.pre.alpha.play1900progresspillwidth6122
+  version: 14.13.0.pre.alpha.rails8compatible6228
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-02-13 00:00:00.000000000 Z
+date: 2025-02-21 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,7 +92,9 @@ 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
@@ -124,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
@@ -197,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
@@ -354,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
@@ -1378,6 +1374,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
@@ -1857,8 +1855,10 @@ files:
 - 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

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'