playbook_ui_docs 14.14.0.pre.alpha.revert4339revert4242play1633displaytitle6456 → 14.14.0.pre.rc.0

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 14.14.0.pre.alpha.revert4339revert4242play1633displaytitle6456
+  version: 14.14.0.pre.rc.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-03-04 00:00:00.000000000 Z
+date: 2025-02-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: playbook_ui
@@ -46,7 +46,6 @@ 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
@@ -92,9 +91,7 @@ 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
@@ -127,6 +124,17 @@ 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
@@ -189,8 +197,6 @@ 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
@@ -348,8 +354,6 @@ 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
@@ -455,10 +459,6 @@ 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
@@ -716,25 +716,16 @@ files:
 - 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.html.erb
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.jsx
-- app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.html.erb
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.jsx
-- app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.html.erb
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_default.html.erb
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_default.jsx
-- app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.html.erb
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.md
-- app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.html.erb
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.jsx
-- app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.md
-- app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.html.erb
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.jsx
 - app/pb_kits/playbook/pb_drawer/docs/example.yml
 - app/pb_kits/playbook/pb_drawer/docs/index.js
@@ -1041,11 +1032,7 @@ 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
@@ -1388,10 +1375,6 @@ 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.html.erb
-- 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.md
-- 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
@@ -1503,11 +1486,6 @@ 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
@@ -1864,17 +1842,12 @@ 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_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_click.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
@@ -1887,9 +1860,6 @@ 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
@@ -2021,9 +1991,6 @@ files:
 - app/pb_kits/playbook/pb_title/docs/_title_default.html.erb
 - app/pb_kits/playbook/pb_title/docs/_title_default.jsx
 - app/pb_kits/playbook/pb_title/docs/_title_default.md
-- app/pb_kits/playbook/pb_title/docs/_title_display_size.html.erb
-- app/pb_kits/playbook/pb_title/docs/_title_display_size.jsx
-- app/pb_kits/playbook/pb_title/docs/_title_display_size.md
 - app/pb_kits/playbook/pb_title/docs/_title_light_weight.html.erb
 - app/pb_kits/playbook/pb_title/docs/_title_light_weight.jsx
 - app/pb_kits/playbook/pb_title/docs/_title_light_weight.md
@@ -2074,12 +2041,9 @@ files:
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default_react.md
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay.jsx
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay.md
-- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay_rails.html.erb
-- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay_rails.md
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.erb
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.md
-- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.html.erb
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.jsx
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.md
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx

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

@@ -1,75 +0,0 @@
-import React from "react"
-import { AdvancedTable, Pill } from "playbook-ui"
-import MOCK_DATA from "./advanced_table_mock_data.json"
-
-const AdvancedTableColumnHeadersCustomCell = (props) => {
-  const columnDefinitions = [
-    {
-      accessor: "year",
-      label: "Year",
-      cellAccessors: ["quarter", "month", "day"],
-    },
-    {
-      label: "Enrollment Data",
-      columns: [
-        {
-          accessor: "newEnrollments",
-          label: "New Enrollments",
-          customRenderer: (row, value) => (
-            <Pill text={value} 
-                variant="success" 
-            />
-          ),
-        },
-        {
-          accessor: "scheduledMeetings",
-          label: "Scheduled Meetings",
-          customRenderer: (row, value) => (
-            <Pill text={value} 
-                variant="info" 
-            />
-          ),
-        },
-      ],
-    },
-    {
-      label: "Performance Data",
-      columns: [
-        {
-          accessor: "attendanceRate",
-          label: "Attendance Rate",
-        },
-        {
-          accessor: "completedClasses",
-          label: "Completed Classes",
-          customRenderer: (row, value) => (
-            <Pill text={value} 
-                variant="error" 
-            />
-          ),
-        },
-        {
-          accessor: "classCompletionRate",
-          label: "Class Completion Rate",
-        },
-        {
-          accessor: "graduatedStudents",
-          label: "Graduated Students",
-        },
-      ],
-    },
-  ];
-  
-
-  return (
-    <>
-      <AdvancedTable
-          columnDefinitions={columnDefinitions}
-          tableData={MOCK_DATA}
-          {...props}
-      />
-    </>
-  )
-}
-
-export default AdvancedTableColumnHeadersCustomCell

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.html.erb

@@ -1,33 +0,0 @@
-<% column_definitions = [
-    {
-      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",
-    }
-] %>
-
-<%= pb_rails("advanced_table", props: { id: "table_props_table", table_data: @table_data, column_definitions: column_definitions, max_height: "xs", table_props: { sticky: true }}) %>

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

@@ -1,3 +0,0 @@
-Create a sticky header that works for responsive Advanced Tables by setting `sticky: true` via `table_props` and giving the AdvancedTable a `max_height` using our [Max Height](https://playbook.powerapp.cloud/visual_guidelines/max_height) global prop. This behavior requires a `max_height` 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#table-props) doc example above.

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.jsx

@@ -1,64 +0,0 @@
-import React from 'react'
-import Highcharts from "highcharts";
-import HighchartsReact from "highcharts-react-official";
-
-import "../BarGraphStyles.scss";
-// Your path might look more like this
-//import "playbook-ui/dist/pb_bar_graph/BarGraphStyles.scss";
-
-const columnChartData = [
-  {
-    name: "Installation",
-    data: [1475, 200, 3000, 654, 656],
-  },
-  {
-    name: "Manufacturing",
-    data: [4434, 524, 2320, 440, 500],
-  },
-  {
-    name: "Sales & Distribution",
-    data: [3387, 743, 1344, 434, 440],
-  },
-  {
-    name: "Project Development",
-    data: [3227, 878, 999, 780, 1000],
-  },
-  {
-    name: "Other",
-    data: [1111, 677, 3245, 500, 200],
-  },
-];
-
-const columnOptions = {
-  chart: {
-    type: "column",
-  },
-  series: columnChartData,
-  title: {
-    text: "Solar Employment Growth by Sector, 2010-2016",
-  },
-  subtitle: {
-    text: "Source: thesolarfoundation.com",
-  },
-  xAxis: {
-    categories: ["Jan", "Feb", "Mar", "Apr", "May"],
-  },
-  yAxis: {
-    min: 0,
-    title: {
-      text: "Number of Employees",
-    },
-  },
-  legend: { enabled: false },
-  credits: { enabled: false },
-};
-
-const BarGraphPbStyles = () => (
-  <div>
-    <HighchartsReact highcharts={Highcharts}
-        options={columnOptions}
-    />
-  </div>
-)
-
-export default BarGraphPbStyles

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.md

@@ -1 +0,0 @@
-You don't need to use the bar graph kit to apply the styles to your Highcharts bar graph. Just import the BarGraphStyles.scss to your component and the styles will apply automatically.  

data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.jsx

@@ -1,69 +0,0 @@
-import React, { useState } from "react"
-import { useForm } from "react-hook-form"
-import { Button, Checkbox, Flex, Body } from "playbook-ui"
-
-const CheckboxReactHook = () => {
-  const { register, handleSubmit } = useForm({
-    defaultValues: {
-      Small: false,
-      Medium: false,
-      Large: false,
-    },
-  })
-
-  const [submittedData, setSubmittedData] = useState({
-    Small: false,
-    Medium: false,
-    Large: false,
-  })
-
-  const onSubmit = (data) => {
-    setSubmittedData(data)
-  }
-
-  return (
-    <Flex orientation="row">
-      <Flex align="start"
-          orientation="column"
-          paddingRight="lg"
-      >
-        <form onSubmit={handleSubmit(onSubmit)}>
-          <Checkbox padding="xs"
-              text="Small"
-              {...register("Small")}
-          />
-          <br />
-          <Checkbox padding="xs"
-              text="Medium"
-              {...register("Medium")}
-          />
-          <br />
-          <Checkbox padding="xs"
-              text="Large"
-              {...register("Large")}
-          />
-          <br />
-          <Button htmlType="submit"
-              marginTop="sm"
-              text="submit"
-          />
-        </form>
-      </Flex>
-      <Flex align="start"
-          orientation="column"
-      >
-        <Body padding="xs"
-            text={`Small: ${submittedData.Small ? "true" : "false"}`}
-        />
-        <Body padding="xs"
-            text={`Medium: ${submittedData.Medium ? "true" : "false"}`}
-        />
-        <Body padding="xs"
-            text={`Large: ${submittedData.Large ? "true" : "false"}`}
-        />
-      </Flex>
-    </Flex>
-  )
-}
-
-export default CheckboxReactHook

data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.md

@@ -1 +0,0 @@
-You can pass react hook props to the checkbox kit.

data/app/pb_kits/playbook/pb_currency/docs/_currency_null_display.html.erb

@@ -1,22 +0,0 @@
-<%= pb_rails("currency", props: {
-    amount: "",
-    label: "Nil",
-    margin_bottom: "md",
-    null_display: "--",
-    size: "sm"
-}) %>
-
-<%= pb_rails("currency", props: {
-    amount: "",
-    label: "Nil",
-    margin_bottom: "md",
-    null_display: "$0.00",
-    size: "sm"
-}) %>
-
-<%= pb_rails("currency", props: {
-    amount: "",
-    label: "Nil",
-    null_display: " ",
-    size: "sm"
-}) %>

data/app/pb_kits/playbook/pb_currency/docs/_currency_null_display.jsx

@@ -1,34 +0,0 @@
-import React from 'react'
-import { Currency } from 'playbook-ui'
-
-const CurrencyNullDisplay = (props) => {
-  return (
-    <>
-      <Currency
-          amount=""
-          label="Null"
-          marginBottom="md"
-          nullDisplay="--"
-          {...props}
-      />
-
-      <Currency
-          amount=""
-          label="Null"
-          marginBottom="md"
-          nullDisplay="$0.00"
-          {...props}
-      />
-    
-      <Currency
-          amount=""
-          label="Null"
-          marginBottom="md"
-          nullDisplay=" "
-          {...props}
-      />
-    </>
-  )
-}
-
-export default CurrencyNullDisplay

data/app/pb_kits/playbook/pb_currency/docs/_currency_null_display_rails.md

@@ -1 +0,0 @@
-To customize how the `amount` field appears when it is empty, use the `null_display` prop and set it to the desired value you want to display.

data/app/pb_kits/playbook/pb_currency/docs/_currency_null_display_react.md

@@ -1 +0,0 @@
-To customize how the `amount` field appears when it is empty, use the `nullDisplay` prop and set it to the desired value you want to display.

data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.jsx

@@ -1,90 +0,0 @@
-import React, { useState } from "react";
-import { Flex, Table, Body, Avatar, DraggableProvider } from "playbook-ui";
-
-// Initial items to be dragged
-const data = [
-    {
-        id: "1",
-        task: "Task 1",
-        assignee_name: "Terry Miles",
-        assignee_img: "https://randomuser.me/api/portraits/men/44.jpg",
-      },
-      {
-        id: "2",
-        task: "Task 2",
-        assignee_name: "Sophia Miles",
-        assignee_img: "https://randomuser.me/api/portraits/women/8.jpg",
-      },
-      {
-        id: "3",
-        task: "Task 3",
-        assignee_name: "Alice Jones",
-        assignee_img: "https://randomuser.me/api/portraits/women/10.jpg",
-      },
-      {
-        id: "4",
-        task: "Task 4",
-        assignee_name: "Mike James",
-        assignee_img: "https://randomuser.me/api/portraits/men/8.jpg",
-      },
-      {
-        id: "5",
-        task: "Task 5",
-        assignee_name: "James Guy",
-        assignee_img: "https://randomuser.me/api/portraits/men/18.jpg",
-      }
-];
-
-const DraggableWithTableReact = (props) => {
-  const [initialState, setInitialState] = useState(data);
-
-  return (
-    <>
-    <DraggableProvider initialItems={data}
-        onReorder={(items) => setInitialState(items)}
-    >
-        <Table
-            responsive="none"
-            size="sm" 
-            {...props}
-        >
-          <Table.Head>
-            <Table.Row>
-              <Table.Header>{"id"}</Table.Header>
-              <Table.Header>{"name"}</Table.Header>
-              <Table.Header>{"task number"}</Table.Header>
-            </Table.Row>
-          </Table.Head>
-          <Table.Body draggableContainer>
-            {initialState.map(({ id, task, assignee_name, assignee_img }) => (
-              <Table.Row 
-                  dragId={id} 
-                  draggableItem
-                  key={id}
-              >
-                <Table.Cell>{id}</Table.Cell>
-                <Table.Cell>
-                  <Flex align="center">
-                    <Avatar 
-                        imageUrl={assignee_img} 
-                        size="xs" 
-                    />
-                    <Body 
-                        paddingLeft="xxs" 
-                        text={assignee_name} 
-                        {...props}
-                    />
-                  </Flex>
-                </Table.Cell>
-                <Table.Cell>{task}</Table.Cell>
-              </Table.Row>
-            ))}
-          </Table.Body>
-        </Table>
-    </DraggableProvider>
-    </>
-
-  );
-};
-
-export default DraggableWithTableReact;

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

@@ -1,5 +0,0 @@
-The draggable kit can also be used in conjunction with the table kit to create draggable table rows. To do this:
-
-- Wrap the Table with the `DraggableProvider` and manage state as shown. 
-- use the `draggableContainer` prop on the Table.Body to designate it as the Draggable Container
-- use the `draggableItem` prop on the Table.Row to designate it as the Draggable Item. Make sure to also pass id to the `dragId` prop here. 

data/app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.html.erb

@@ -1,8 +0,0 @@
-<%= pb_rails("button", props: { text: "Push Drawer", margin_right: "sm", data: {"open-drawer": "drawer-3"} }) %>
-
-<%= pb_rails("drawer", props: { 
-    id:"drawer-3", 
-    behavior: "push"
-}) do  %>
-    Test me (Push Behavior)
-<% end %>

data/app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.html.erb

@@ -1,33 +0,0 @@
-<%= pb_rails("flex") do %>
-    <%= pb_rails("button", props: { text: "Drawer with border right", margin_right: "sm", data: {"open-drawer": "drawer-12"} }) %>
-
-    <%= pb_rails("drawer", props: { 
-        id:"drawer-12", 
-        overlay: false,
-        border: "right"
-    }) do  %>
-        Test me (Border Right)
-    <% end %>
-    
-    
-    <%= pb_rails("button", props: { text: "Drawer with border left", margin_right: "sm", data: {"open-drawer": "drawer-13"} }) %>
-    
-    <%= pb_rails("drawer", props: { 
-        id:"drawer-13", 
-        overlay: false,
-        border: "left"
-    }) do  %>
-        Test me (Border Left)
-    <% end %>
-
-    <%= pb_rails("button", props: { text: "Drawer with border full", data: {"open-drawer": "drawer-14"} }) %>
-    
-    <%= pb_rails("drawer", props: { 
-        id:"drawer-14", 
-        overlay: false,
-        border: "full"
-    }) do  %>
-        Test me (Border Full)
-    <% end %>
-<% end %>
-