playbook_ui_docs 14.13.0.pre.alpha.play1834depupdatesass6024 → 14.13.0.pre.rc.0

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 14.13.0.pre.alpha.play1834depupdatesass6024
+  version: 14.13.0.pre.rc.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-02-10 00:00:00.000000000 Z
+date: 2025-01-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: playbook_ui
@@ -91,8 +91,6 @@ 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.jsx
-- 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
@@ -438,13 +436,6 @@ files:
 - app/pb_kits/playbook/pb_contact/docs/_description.md
 - app/pb_kits/playbook/pb_contact/docs/example.yml
 - app/pb_kits/playbook/pb_contact/docs/index.js
-- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.html.erb
-- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.jsx
-- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.html.erb
-- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.jsx
-- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.md
-- app/pb_kits/playbook/pb_copy_button/docs/example.yml
-- app/pb_kits/playbook/pb_copy_button/docs/index.js
 - app/pb_kits/playbook/pb_currency/docs/_currency_abbreviated.html.erb
 - app/pb_kits/playbook/pb_currency/docs/_currency_abbreviated.jsx
 - app/pb_kits/playbook/pb_currency/docs/_currency_alignment.html.erb
@@ -700,8 +691,6 @@ 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
@@ -714,8 +703,6 @@ 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/example.yml
 - app/pb_kits/playbook/pb_draggable/docs/index.js
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.jsx
@@ -819,10 +806,8 @@ files:
 - app/pb_kits/playbook/pb_filter/docs/example.yml
 - app/pb_kits/playbook/pb_filter/docs/index.js
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_description.md
-- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.jsx
-- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close_rails.md
-- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close_react.md
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.md
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.jsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.md
@@ -982,10 +967,6 @@ 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
@@ -1182,8 +1163,6 @@ files:
 - app/pb_kits/playbook/pb_link/docs/_link_icon.jsx
 - app/pb_kits/playbook/pb_link/docs/_link_tag.html.erb
 - app/pb_kits/playbook/pb_link/docs/_link_tag.jsx
-- app/pb_kits/playbook/pb_link/docs/_link_target.html.erb
-- app/pb_kits/playbook/pb_link/docs/_link_target.jsx
 - app/pb_kits/playbook/pb_link/docs/_link_underline.html.erb
 - app/pb_kits/playbook/pb_link/docs/_link_underline.jsx
 - app/pb_kits/playbook/pb_link/docs/example.yml
@@ -2124,9 +2103,6 @@ files:
 - app/pb_kits/playbook/pb_user/docs/_user_default.html.erb
 - app/pb_kits/playbook/pb_user/docs/_user_default.jsx
 - app/pb_kits/playbook/pb_user/docs/_user_horizontal_swift.md
-- app/pb_kits/playbook/pb_user/docs/_user_light_weight.html.erb
-- app/pb_kits/playbook/pb_user/docs/_user_light_weight.jsx
-- app/pb_kits/playbook/pb_user/docs/_user_light_weight.md
 - app/pb_kits/playbook/pb_user/docs/_user_presence_indicator_swift.md
 - app/pb_kits/playbook/pb_user/docs/_user_props_table.md
 - app/pb_kits/playbook/pb_user/docs/_user_size.html.erb

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.jsx

@@ -1,55 +0,0 @@
-import React from "react"
-import { AdvancedTable } from "playbook-ui"
-import MOCK_DATA from "./advanced_table_mock_data.json"
-
-const AdvancedTableTablePropsStickyHeader = (props) => {
-  const columnDefinitions = [
-    {
-      accessor: "year",
-      label: "Year",
-      cellAccessors: ["quarter", "month", "day"],
-    },
-    {
-      accessor: "newEnrollments",
-      label: "New Enrollments",
-    },
-    {
-      accessor: "scheduledMeetings",
-      label: "Scheduled Meetings",
-    },
-    {
-      accessor: "attendanceRate",
-      label: "Attendance Rate",
-    },
-    {
-      accessor: "completedClasses",
-      label: "Completed Classes",
-    },
-    {
-      accessor: "classCompletionRate",
-      label: "Class Completion Rate",
-    },
-    {
-      accessor: "graduatedStudents",
-      label: "Graduated Students",
-    },
-  ]
-
-  const tableProps = {
-    sticky: true
-  }
-
-  return (
-    <div>
-      <AdvancedTable
-          columnDefinitions={columnDefinitions}
-          maxHeight="xs"
-          tableData={MOCK_DATA}
-          tableProps={tableProps}
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default AdvancedTableTablePropsStickyHeader

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_react.md

@@ -1,3 +0,0 @@
-Create a sticky header that works for responsive Advanced Tables by setting `sticky: true` via `tableProps` and giving the AdvancedTable a `maxHeight` using our [Max Height](https://playbook.powerapp.cloud/visual_guidelines/max_height) global prop. This behavior requires a `maxHeight` to work. The header is sticky within the table container, allowing for it to work along with the first column stickiness of a responsive table on smaller screen sizes.
-
-A sticky header on a nonresponsive table is demonstrated in the ["Table Props"](https://playbook.powerapp.cloud/kits/advanced_table/react#table-props) doc example above.

data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.html.erb

@@ -1,2 +0,0 @@
-<%= pb_rails("copy_button", props: { id: "default-copy-button", text: "Copy Text", value: "Playbook makes it easy to support bleeding edge, or legacy systems. Use Playbook’s 200+ components and end-to-end design language to create simple, intuitive and beautiful experiences with ease." } ) %>
-<%= pb_rails("textarea", props: { margin_top: "xs", placeholder: "Copy and paste here" }) %>

data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.jsx

@@ -1,21 +0,0 @@
-import React from 'react'
-import { CopyButton, Textarea } from 'playbook-ui'
-
-const CopyButtonDefault = (props) => (
-  <div>
-    <CopyButton
-        {...props}
-        text="Copy Text"
-        tooltipPlacement="right"
-        tooltipText="Text copied!"
-        value="Playbook makes it easy to support bleeding edge, or legacy systems. Use Playbook’s 200+ components and end-to-end design language to create simple, intuitive and beautiful experiences with ease."
-    />
-
-    <Textarea
-        {...props}
-        placeholder="Copy and paste here"
-    />
-  </div>
-)
-
-export default CopyButtonDefault

data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.html.erb

@@ -1,5 +0,0 @@
-<%= pb_rails("body", props: { id: "body", text: "Copy this body text!"}) %>
-<%= pb_rails("copy_button", props: { text: "Copy Body text", from: "body", id: "copy-body-button" }) %>
-<%= pb_rails("text_input", props: { margin_top: "xs", placeholder: "Copy and paste here" }) %>
-<%= pb_rails("copy_button", props: { text: "Copy Text Input", from: "copy-input", id: "copy-input-button" }) %>
-<%= pb_rails("text_input", props: { margin_top: "xs", id: "copy-input" , value: "Copy and paste here" }) %>

data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.jsx

@@ -1,45 +0,0 @@
-import React, { useState } from 'react'
-import { CopyButton, Body, TextInput, Textarea } from 'playbook-ui'
-
-const CopyButtonFrom = (props) => {
-  const [text, setText] = useState("Copy this text input text")
-
-  const handleChange = (event) => {
-    setText(event.target.value);
-  }
-
-  return (<div>
-    <Body id="body">Copy this body text!</Body>
-    <CopyButton
-        {...props}
-        from="body"
-        marginBottom="sm"
-        text="Copy Body text"
-        tooltipPlacement="right"
-        tooltipText="Body text copied!"
-    />
-
-    <TextInput
-        {...props}
-        id="textinput"
-        onChange={handleChange}
-        value={text}
-    />
-    <CopyButton
-        {...props}
-        from="textinput"
-        marginBottom="sm"
-        text="Copy Text Input"
-        tooltipPlacement="right"
-        tooltipText="Text input copied!"
-    />
-
-    <Textarea
-        {...props}
-        placeholder="Copy and paste here"
-    />
-  </div>
-  )
-}
-
-export default CopyButtonFrom

data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.md

@@ -1 +0,0 @@
-Provide an element's ID as the `from` parameter, and its text will be copied. If the element is an input, its `value` will be copied; otherwise, the `innerText` will be used. Additionally, if a `value` prop is provided, it will override the content from the `from` element and be copied instead.

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

@@ -1,8 +0,0 @@
-examples:
-  rails:
-  - copy_button_default: Default
-  - copy_button_from: Copy From
-  
-  react:
-  - copy_button_default: Default
-  - copy_button_from: Copy From

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

@@ -1,2 +0,0 @@
-export { default as CopyButtonDefault } from './_copy_button_default.jsx'
-export { default as CopyButtonFrom } from './_copy_button_from.jsx'

data/app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.html.erb

@@ -1,99 +0,0 @@
-<% containers = [
-  "To Do",
-  "In Progress",
-  "Done"
-] %>
-
-<% items_data = [
-  {
-    id: "11",
-    container: "To Do",
-    title: "Task 1",
-    description: "Bug fixes",
-    assignee_name: "Terry Miles",
-    assignee_img: "https://randomuser.me/api/portraits/men/44.jpg",
-  },
-  {
-    id: "12",
-    container: "To Do",
-    title: "Task 2",
-    description: "Documentation",
-    assignee_name: "Sophia Miles",
-    assignee_img: "https://randomuser.me/api/portraits/women/8.jpg",
-  },
-  {
-    id: "13",
-    container: "In Progress",
-    title: "Task 3",
-    description: "Add a variant",
-    assignee_name: "Alice Jones",
-    assignee_img: "https://randomuser.me/api/portraits/women/10.jpg",
-  },
-  {
-    id: "14",
-    container: "To Do",
-    title: "Task 4",
-    description: "Add jest tests",
-    assignee_name: "Mike James",
-    assignee_img: "https://randomuser.me/api/portraits/men/8.jpg",
-  },
-  {
-    id: "15",
-    container: "Done",
-    title: "Task 5",
-    description: "Alpha testing",
-    assignee_name: "James Guy",
-    assignee_img: "https://randomuser.me/api/portraits/men/18.jpg",
-  },
-  {
-    id: "16",
-    container: "In Progress",
-    title: "Task 6",
-    description: "Release",
-    assignee_name: "Sally Jones",
-    assignee_img: "https://randomuser.me/api/portraits/women/28.jpg",
-  },
-] %>
-
-<%= pb_rails("draggable", props: { initial_items: items_data }) do %>
-  <%= pb_rails("flex", props: { justify_content: "center" }) do %>
-    <% containers.each do |container| %>
-      <%= pb_rails("draggable/draggable_container", props: {
-          container: container,
-          width: "xs",
-          padding: "sm",
-          data: { container: container }
-      }) do %>
-        <%= pb_rails("caption", props: { text_align: "center" }) do %><%= container %><% end %>
-        <%= pb_rails("flex", props: {align_items: "stretch", orientation: "column"}) do %>
-          <% items_data.select { |item| item[:container] == container }.each do |item| %>
-            <%= pb_rails("draggable/draggable_item", props: {
-                container: container,
-                drag_id: item[:id]
-            }) do %>
-              <%= pb_rails("card", props: { margin_bottom: "sm", padding: "sm"}) do %>
-                <%= pb_rails("flex", props: { justify: "between" }) do %>
-                  <%= pb_rails("flex/flex_item") do %>
-                    <%= pb_rails("flex") do %>
-                      <%= pb_rails("avatar", props: {
-                          image_url: item[:assignee_img],
-                          name: item[:assignee_name],
-                          size: "xxs"
-                      }) %>
-                      <%= pb_rails("title", props: {
-                          padding_left: "xs",
-                          size: 4,
-                          text: item[:title]
-                      }) %>
-                    <% end %>
-                  <% end %>
-                <% end %>
-                <%= pb_rails("body", props: { padding_top: "xs", text: item[:description] }) %>
-              <% end %>
-            <% end %>
-          <% end %>
-        <% end %>
-      <% end %>
-    <% end %>
-  <% end %>
-<% end %>

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

@@ -1 +0,0 @@
-The Draggable kit can also be used to achieve more complex, multiple container functionality as shown here. This complex usage requires the full subcomponent structure.

data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.html.erb

@@ -1,61 +0,0 @@
-<% initial_items = [
-  {
-    id: "1",
-    title: "Task 1",
-    assignee_name: "Terry Miles",
-    assignee_img: "https://randomuser.me/api/portraits/men/44.jpg",
-  },
-  {
-    id: "2",
-    title: "Task 2",
-    assignee_name: "Sophia Miles",
-    assignee_img: "https://randomuser.me/api/portraits/women/8.jpg",
-  },
-  {
-    id: "3",
-    title: "Task 3",
-    assignee_name: "Alice Jones",
-    assignee_img: "https://randomuser.me/api/portraits/women/10.jpg",
-  },
-  {
-    id: "4",
-    title: "Task 4",
-    assignee_name: "Mike James",
-    assignee_img: "https://randomuser.me/api/portraits/men/8.jpg",
-  },
-  {
-    id: "5",
-    title: "Task 5",
-    assignee_name: "James Guy",
-    assignee_img: "https://randomuser.me/api/portraits/men/18.jpg",
-  }
-] %>
-
-
-
-<%= pb_rails("draggable", props: {initial_items: initial_items}) do %>
-  <%= pb_rails("table", props: { size: "sm", responsive:"none" }) do %>
-    <%= pb_rails("table/table_head") do %>
-      <%= pb_rails("table/table_row") do %>
-        <%= pb_rails("table/table_header", props: { text: "id"}) %>
-        <%= pb_rails("table/table_header", props: { text: "name"}) %>
-        <%= pb_rails("table/table_header", props: { text: "task number"}) %>
-      <% end %>
-    <% end %>
-
-    <%= pb_rails("draggable/draggable_container", props: {tag:"tbody"}) do %>
-      <% initial_items.each do |item| %>
-        <%= pb_rails("draggable/draggable_item", props:{drag_id: item[:id], tag:"tr"}) do %>
-          <%= pb_rails("table/table_cell", props: { text: item[:id]}) %>
-          <%= pb_rails("table/table_cell") do %>
-            <%= pb_rails("flex", props:{align:"center"}) do %>
-              <%= pb_rails("avatar", props: {size: "xs", image_url: item[:assignee_img]}) %>
-              <%= pb_rails("body", props: {text: item[:assignee_name], padding_left:"sm"}) %>
-            <% end %>
-          <% end %>
-          <%= pb_rails("table/table_cell", props: { text: item[:title]}) %>
-        <% end %>
-      <% end %>
-    <% end %>
-  <% end %>
-<% end %>

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

@@ -1 +0,0 @@
-The draggable kit can also be used in conjunction with the table kit to create draggable table rows. To do this, make use of the `tag` prop on the draggable_container to set it to 'tbody' and the same prop on the draggable_item to set that to 'tr'. This will create the functionality seen here. 

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.html.erb

@@ -1,58 +0,0 @@
-<%= pb_rails("button", props: { text: "Show Auto Close Toast", variant: "secondary", data: { toast: "#toast-auto-close" } }) %>
-<%= pb_rails("button", props: { text: "Show Closeable Auto Close Toast", variant: "secondary", data: { toast: "#toast-auto-close-closeable" } }) %>
-
-<%= pb_rails("fixed_confirmation_toast", props: {
-  auto_close: 3000,
-  classname: "toast-to-hide",
-  id: "toast-auto-close",
-  text: "I will disappear in 3 seconds.",
-  status: "tip",
-  vertical: "top",
-  horizontal: "center"
-}) %>
-
-<%= pb_rails("fixed_confirmation_toast", props: {
-  auto_close: 10000,
-  closeable: true,
-  id: "toast-auto-close-closeable",
-  text: "I will disappear in 10 seconds.",
-  status: "tip",
-  vertical: "top",
-  horizontal: "center"
-}) %>
-
-<script>
-document.addEventListener('DOMContentLoaded', () => {
-  // Initialize toast elements and buttons
-  const toasts = {
-    '#toast-auto-close': document.querySelector("#toast-auto-close"),
-    '#toast-auto-close-closeable': document.querySelector("#toast-auto-close-closeable")
-  }
-  
-  const buttons = {
-    '#toast-auto-close': document.querySelector("button[data-toast='#toast-auto-close']"),
-    '#toast-auto-close-closeable': document.querySelector("button[data-toast='#toast-auto-close-closeable']")
-  }
-
-  // Store original toasts and remove them from DOM
-  const originalToasts = {}
-  Object.entries(toasts).forEach(([id, toast]) => {
-    if (toast) {
-      originalToasts[id] = toast.cloneNode(true)
-      toast.remove()
-    }
-  })
-
-  // Set up button click handlers
-  Object.keys(buttons).forEach((toastId) => {
-    const button = buttons[toastId]
-    if (button) {
-      button.onclick = () => {
-        const newToast = originalToasts[toastId].cloneNode(true)
-        newToast.style.display = "flex"
-        document.body.appendChild(newToast)
-      }
-    }
-  })
-})
-</script>

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close_rails.md

@@ -1,3 +0,0 @@
-Auto close is used when you want the confirmation toast to close automatically after a certain time. `auto_close` property will be a delay number in ms.
-
-The script tag in this code snippet is for demonstration purposes only. It clones the toasts in order to have it appear with a button click prompt and not upon initial page load. In a typical production environment the event triggering a fixed confirmation toast to appear would be handled by a controller or a separate javascript file.

data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.html.erb

@@ -1,11 +0,0 @@
-<%= pb_rails("home_address_street", props: {
-  address: "70 pRoSpEcT ave",
-  address_cont: "Apt M18",
-  city: "West Chester",
-  home_id: 8250263,
-  home_url: "https://powerhrg.com/",
-  preserve_case: true,
-  state: "pa",
-  zipcode: "19382",
-  territory: "PHL",
-}) %>

data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.jsx

@@ -1,22 +0,0 @@
-import React from 'react'
-
-import HomeAddressStreet from '../_home_address_street'
-
-const HomeAddressStreetFormatting = (props) => {
-  return (
-    <HomeAddressStreet
-        address="70 pRoSpEcT ave"
-        addressCont="Apt M18"
-        city="West Chester"
-        homeId="8250263"
-        homeUrl="https://powerhrg.com/"
-        preserveCase
-        state="pa"
-        territory="PHL"
-        zipcode="19382"
-        {...props}
-    />
-  )
-}
-
-export default HomeAddressStreetFormatting

data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_rails.md

@@ -1 +0,0 @@
-The `state` prop will always capitalize the state name, even if the data entered is in lowercase. For example, when `state="pa"` is passed, it will be rendered as "PA". When you pass `preserve_case: true`, the street address will be rendered exactly as entered, without automatic title capitalization.

data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_react.md

@@ -1 +0,0 @@
-The `state` prop will always capitalize the state name, even if the data entered is in lowercase. For example, when `state="pa"` is passed, it will be rendered as "PA". When you pass `preserveCase`, the street address will be rendered exactly as entered, without automatic title capitalization.

data/app/pb_kits/playbook/pb_link/docs/_link_target.html.erb

@@ -1,15 +0,0 @@
-<div>
-  <%= pb_rails("link", props: {
-    href: "http://google.com",
-    target: "blank",
-    text: "Open In New Window"
-  }) %>
-</div>
-
-<div>
-  <%= pb_rails("link", props: {
-    href: "https://playbook.powerapp.cloud/",
-    target: "child",
-    text: "Open In Child Tab",
-  }) %>
-</div>

data/app/pb_kits/playbook/pb_link/docs/_link_target.jsx

@@ -1,29 +0,0 @@
-import React from 'react'
-import { Link } from 'playbook-ui'
-
-const LinkTarget = (props) => (
-  <div>
-    <div>
-      <Link
-          aria={{ label: 'Link to Google in new window' }}
-          href="https://google.com"
-          tabIndex={0}
-          target='blank'
-          text="Open In New Window"
-          {...props}
-      />
-    </div>
-    <div>
-      <Link
-          aria={{ label: 'Link to Playbook in a child tab' }}
-          href="https://playbook.powerapp.cloud/"
-          tabIndex={0}
-          target='child'
-          text="Open In Child Tab"
-          {...props}
-      />
-    </div>
-  </div>
-)
-
-export default LinkTarget

data/app/pb_kits/playbook/pb_user/docs/_user_light_weight.html.erb

@@ -1,42 +0,0 @@
-<div class="pb--doc-demo-row">
-  <div>
-    <%= pb_rails("user", props: {
-      name: "Anna Black",
-      title: "Remodeling Consultant",
-      orientation: "vertical",
-      align: "center",
-      size: "lg",
-      avatar_url: "https://randomuser.me/api/portraits/women/44.jpg",
-      bold: false
-      }) %>
-  </div>
-  <div>
-    <%= pb_rails("user", props: {
-      name: "Anna Black",
-      title: "Remodeling Consultant",
-      orientation: "horizontal",
-      align: "left",
-      avatar_url: "https://randomuser.me/api/portraits/women/44.jpg",
-      bold: false
-      }) %>
-  </div>
-  <div>
-    <%= pb_rails("user", props: {
-      name: "Anna Black",
-      orientation: "horizontal",
-      align: "left",
-      avatar_url: "https://randomuser.me/api/portraits/women/44.jpg",
-      bold: false
-      }) %>
-
-     <br>
-
-     <%= pb_rails("user", props: {
-       name: "Anna Black",
-       orientation: "horizontal",
-       align: "left",
-       avatar: true,
-       bold: false
-     }) %>
-  </div>
-</div>