playbook_ui_docs 14.14.0.pre.rc.4 → 14.14.0.pre.rc.5

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 14.14.0.pre.rc.4
+  version: 14.14.0.pre.rc.5
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-02-14 00:00:00.000000000 Z
+date: 2025-02-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: playbook_ui
@@ -124,17 +124,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
@@ -1491,6 +1480,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

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'