playbook_ui_docs 15.5.0.pre.alpha.draggablefix12557 → 15.5.0.pre.rc.0

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 15.5.0.pre.alpha.draggablefix12557
+  version: 15.5.0.pre.rc.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-11-21 00:00:00.000000000 Z
+date: 2025-11-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: playbook_ui
@@ -533,10 +533,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_button_variant.html.erb
-- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant.jsx
-- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant_rails.md
-- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_button_variant_react.md
 - 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
@@ -550,7 +546,6 @@ files:
 - 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_abbreviated.md
 - app/pb_kits/playbook/pb_currency/docs/_currency_alignment.html.erb
 - app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
 - app/pb_kits/playbook/pb_currency/docs/_currency_alignment_swift.md
@@ -559,15 +554,10 @@ files:
 - app/pb_kits/playbook/pb_currency/docs/_currency_comma_separator.md
 - app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals.html.erb
 - app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals.jsx
-- app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals_rails.md
-- app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals_react.md
 - app/pb_kits/playbook/pb_currency/docs/_currency_negative.html.erb
 - app/pb_kits/playbook/pb_currency/docs/_currency_negative.jsx
-- app/pb_kits/playbook/pb_currency/docs/_currency_negative.md
 - 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_no_symbol_rails.md
-- app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol_react.md
 - 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
@@ -747,10 +737,6 @@ files:
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_default.jsx
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_default_swift.md
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_props_swift.md
-- app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year.html.erb
-- app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year.jsx
-- app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year_rails.md
-- app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year_react.md
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_size.html.erb
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_size.jsx
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_size_swift.md
@@ -761,9 +747,6 @@ files:
 - app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_default.jsx
 - app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_default_swift.md
 - app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_props_swift.md
-- app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.html.erb
-- app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.jsx
-- app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.md
 - app/pb_kits/playbook/pb_date_time_stacked/docs/example.yml
 - app/pb_kits/playbook/pb_date_time_stacked/docs/index.js
 - app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default.html.erb
@@ -855,7 +838,6 @@ files:
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners_react.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.html.erb
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_dropzone.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_react.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.html.erb
@@ -1694,7 +1676,6 @@ files:
 - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors_react.md
 - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.html.erb
 - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.jsx
-- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.md
 - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.html.erb
 - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.jsx
 - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.md
@@ -1705,7 +1686,6 @@ files:
 - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_non_clickable.jsx
 - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.html.erb
 - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.jsx
-- app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.md
 - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_negative_numbers.html.erb
 - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_negative_numbers.jsx
 - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_secondary_y_axis.html.erb
@@ -1735,7 +1715,6 @@ files:
 - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_legend.jsx
 - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.html.erb
 - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.jsx
-- app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.md
 - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.html.erb
 - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.jsx
 - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_live_data.jsx
@@ -1754,7 +1733,6 @@ files:
 - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_complex.md
 - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_default.html.erb
 - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_default.jsx
-- app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_default.md
 - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_disable_animation.html.erb
 - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_disable_animation.jsx
 - app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_full_circle.html.erb
@@ -1781,7 +1759,6 @@ files:
 - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_colors.md
 - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.html.erb
 - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.jsx
-- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.md
 - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.html.erb
 - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.jsx
 - app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.md
@@ -1915,23 +1892,15 @@ files:
 - app/pb_kits/playbook/pb_progress_simple/docs/example.yml
 - app/pb_kits/playbook/pb_progress_simple/docs/index.js
 - app/pb_kits/playbook/pb_progress_step/docs/_description.md
-- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.html.erb
-- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.jsx
-- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.md
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.html.erb
-- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.jsx
-- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.md
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.html.erb
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.jsx
-- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.md
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tooltip.html.erb
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.html.erb
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.jsx
-- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.md
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker_click_events.jsx
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.html.erb
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.jsx
-- app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.md
 - app/pb_kits/playbook/pb_progress_step/docs/example.yml
 - app/pb_kits/playbook/pb_progress_step/docs/index.js
 - app/pb_kits/playbook/pb_radio/docs/_description.md
@@ -1983,10 +1952,12 @@ files:
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_attributes.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.html.erb
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.jsx
+- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default_rails.md
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.html.erb
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.html.erb
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.jsx
+- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline_rails.md
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_more_extensions.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_more_extensions.md
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.html.erb
@@ -1995,6 +1966,7 @@ files:
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_simple.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.html.erb
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.jsx
+- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky_rails.md
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_templates.html.erb
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_templates.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_bottom.html.erb
@@ -2661,6 +2633,7 @@ files:
 - app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_variant.jsx
 - app/pb_kits/playbook/pb_weekday_stacked/docs/example.yml
 - app/pb_kits/playbook/pb_weekday_stacked/docs/index.js
+- dist/playbook-doc.js
 homepage: https://playbook.powerapp.cloud/
 licenses:
 - ISC

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

@@ -1,9 +0,0 @@
-<%= pb_rails("copy_button", props: {
-  text: "Copy Text",
-  tooltip_position: "right",
-  tooltip_text: "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.",
-  variant: "button",
-}) %>
-
-<%= pb_rails("textarea", props: { margin_top: "xs", placeholder: "Copy and paste here" }) %>

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

@@ -1,24 +0,0 @@
-import React from 'react'
-
-import CopyButton from '../_copy_button'
-import Textarea from '../../pb_textarea/_textarea'
-
-const CopyButtonVariant = (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."
-        variant="button"
-    />
-
-    <Textarea
-        {...props}
-        placeholder="Copy and paste here"
-    />
-  </div>
-)
-
-export default CopyButtonVariant

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

@@ -1 +0,0 @@
-Pass in `variant: "button"` to replace the Circle Icon Button with the Button kit. Set the button's text with the `text` prop.

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

@@ -1 +0,0 @@
-Pass in `variant="button"` to replace the Circle Icon Button with the Button kit. Set the button's text with the `text` prop.

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

@@ -1 +0,0 @@
-Abbreviate larger amounts into thousands (K), millions (M), billions (B), and even trillions (T). 

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

@@ -1 +0,0 @@
-Use `decimals: "matching"` when you want the full decimal amount displayed as a single number rather than split visually.

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

@@ -1 +0,0 @@
-Use `decimals="matching"` when you want the full decimal amount displayed as a single number rather than split visually.

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

@@ -1 +0,0 @@
-Small `Currency` kits have the negative sign on the lefthand side of the "$" symbol.

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

@@ -1 +0,0 @@
-Remove the "$" symbol by setting an empty string: `symbol: ""`.

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

@@ -1 +0,0 @@
-Remove the "$" symbol by setting an empty string: `symbol=""`.

data/app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year.html.erb

@@ -1,4 +0,0 @@
-<%= pb_rails("date_time", props: {
-    date: DateTime.now,
-    show_current_year: true
-}) %>

data/app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year.jsx

@@ -1,14 +0,0 @@
-import React from 'react'
-import DateTime from '../_date_time'
-
-const DateTimeShowCurrentYear = (props) => (
-  <div>
-    <DateTime
-        datetime={new Date()}
-        showCurrentYear
-        {...props}
-    />
-  </div>
-)
-
-export default DateTimeShowCurrentYear

data/app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year_rails.md

@@ -1 +0,0 @@
-Pass in `show_current_year` to show this date's current year.

data/app/pb_kits/playbook/pb_date_time/docs/_date_time_show_current_year_react.md

@@ -1 +0,0 @@
-Pass in `showCurrentYear` to show this date's current year.

data/app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.html.erb

@@ -1,4 +0,0 @@
-<%= pb_rails("date_time_stacked", props: { date_time: DateTime.now, show_current_year: true }) %>
-<br>
-<%= pb_rails("date_time_stacked", props: { date_time: DateTime.now, show_current_year: true, timezone: "America/Denver" }) %>
-

data/app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.jsx

@@ -1,22 +0,0 @@
-import React from 'react'
-
-import DateTimeStacked from '../_date_time_stacked'
-
-const DateTimeStackedShowCurrentYear = (props) => (
-  <div>
-    <DateTimeStacked
-        datetime={new Date()}
-        showCurrentYear
-        {...props}
-    />
-    <br />
-    <DateTimeStacked
-        datetime={new Date()}
-        showCurrentYear
-        timeZone="America/Denver"
-        {...props}
-    />
-  </div>
-);
-
-export default DateTimeStackedShowCurrentYear;

data/app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_show_current_year.md

@@ -1 +0,0 @@
-By default, the Date Time Stacked kit does NOT display the year if it is the current year. If you want to display the current year you can do so by setting `showCurrentYear`/`show_current_year` to true as shown here.

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

@@ -1,179 +0,0 @@
-import React, { useState } from "react";
-
-import Flex from '../../pb_flex/_flex'
-import Draggable from '../../pb_draggable/_draggable'
-import { DraggableProvider } from '../../pb_draggable/context'
-import Badge from '../../pb_badge/_badge'
-import Title from '../../pb_title/_title'
-import Caption from '../../pb_caption/_caption'
-import Card from '../../pb_card/_card'
-import FlexItem from '../../pb_flex/_flex_item'
-import Avatar from '../../pb_avatar/_avatar'
-import Body from '../../pb_body/_body'
-
-// Initial groups to drag between
-const containers = ["To Do", "In Progress", "Done"];
-
-// Initial items to be dragged
-const 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",
-  },
-];
-
-const DraggableMultipleContainersDropzone = (props) => {
-  const [initialState, setInitialState] = useState(data);
-
-  const badgeProperties = (container) => {
-    switch (container) {
-      case "To Do":
-        return { text: "queue", color: "warning" };
-      case "In Progress":
-        return { text: "progress", color: "primary" };
-      default:
-        return { text: "done", color: "success" };
-    }
-  };
-
-  return (
-    <DraggableProvider 
-        dropZone={{type: "outline"}}
-        initialItems={data}
-        onDragEnd={(draggedItemId, finalContainer, originalContainer, itemAbove, itemBelow) => {
-          console.log(`Dragged Item ID: ${draggedItemId}`);
-          console.log(`Final Container: ${finalContainer}`);
-          console.log(`Original Container: ${originalContainer}`);
-          console.log('Item Above:', itemAbove);
-          console.log('Item Below:', itemBelow);
-        }}
-        onDrop={(draggedItemId, droppedContainer, originalContainer, item, itemAbove, itemBelow) => {
-          console.log(`Dragged Item ID: ${draggedItemId}`);
-          console.log(`Dropped Container: ${droppedContainer}`);
-          console.log(`Original Container: ${originalContainer}`);
-          console.log('Dropped Item:', item);
-          console.log('Item Above:', itemAbove);
-          console.log('Item Below:', itemBelow);
-        }}
-        onReorder={(items) => setInitialState(items)}
-    >
-      <Flex
-          justifyContent="center"
-          {...props}
-      >
-          {containers?.map((container) => (
-            <Draggable.Container 
-                container={container}
-                htmlOptions={{style:{ width: "200px", height: "70vh"}}}
-                key={container} 
-                padding="sm"
-            >
-                <Caption textAlign="center">{container}</Caption>
-                <Flex 
-                    alignItems="stretch"
-                    gap="sm"
-                    orientation="column" 
-                >
-                  {initialState
-                    .filter((item) => item.container === container)
-                    .map(
-                      ({
-                        assignee_img,
-                        assignee_name,
-                        description,
-                        id,
-                        title,
-                      }) => (
-                        <Draggable.Item 
-                            container={container}
-                            dragId={id} 
-                            key={id}
-                        >
-                          <Card
-                              padding="sm"
-                              {...props}
-                          >
-                            <Flex justify="between">
-                              <FlexItem>
-                                <Flex>
-                                  <Avatar
-                                      imageUrl={assignee_img}
-                                      name={assignee_name}
-                                      size="xxs"
-                                  />
-                                  <Title paddingLeft="xs" 
-                                      size={4}
-                                      text={title}
-                                      {...props}
-                                  />
-                                </Flex>
-                              </FlexItem>
-                              <Badge
-                                  marginLeft="sm"
-                                  rounded
-                                  text={badgeProperties(container).text}
-                                  variant={badgeProperties(container).color}
-                                  {...props}
-                              />
-                            </Flex>
-                            <Body paddingTop="xs"
-                                text={description} 
-                                {...props}
-                            />
-                          </Card>
-                        </Draggable.Item>
-                      )
-                    )}
-                </Flex>
-            </Draggable.Container>
-          ))}
-      </Flex>
-    </DraggableProvider>
-  );
-};
-
-export default DraggableMultipleContainersDropzone;

data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.md

@@ -1 +0,0 @@
-In order to use this kit, 'highcharts' and 'highcharts-react-official' must be installed in your repo.

data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.md

@@ -1,11 +0,0 @@
-Highcharts provides many options for customizing the legend display. This example showcases the following:
-
-`align` can be used to align the legend left, right or center (defaults to center)
-
-`verticalAlign` can be used to place the legend above the graph. Options are top, middle, bottom with default set to bottom
-
-`layout` determines the position of the legend items. Options are horizontal, vertical or proximate with default set to horizontal `layout: proximate` will place the legend items as close as possible to the graphs they're representing. It will also determine whether to place the legend above/below or on the side of the plot area, if the legend is in a corner.
-
-`x` offsets the legend relative to its horizontal alignment. Negative x moves it to the left, positive x moves it to the right (defaults to 0)
-
-`y` offsets the legend relative to its vertical alignment. Negative y moves it up, positive y moves it down (defaults to 0)

data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.md

@@ -1 +0,0 @@
-In order to use this kit, 'highcharts' and 'highcharts-react-official' must be installed in your repo.

data/app/pb_kits/playbook/pb_pb_gauge_chart/docs/_pb_gauge_chart_default.md

@@ -1 +0,0 @@
-In order to use this kit, 'highcharts' and 'highcharts-react-official' must be installed in your repo.

data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.md

@@ -1 +0,0 @@
-In order to use this kit, 'highcharts' and 'highcharts-react-official' must be installed in your repo.

data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.html.erb

@@ -1,14 +0,0 @@
-<br><br>
-<%= pb_rails("progress_step",props:{ variant:"tracker", icon:true, color: "info"}) do %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "complete"}) do %>
-      <%= pb_rails("caption", props:{text: "Ordered"})%>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "active"}) do %>
-      <%= pb_rails("caption", props:{text: "Shipped"})%>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "inactive"}) do %>
-      <%= pb_rails("caption", props:{text: "Delivered"})%>
-  <% end %>
-<% end %>
-
-<br>

data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.jsx

@@ -1,29 +0,0 @@
-import React from 'react'
-
-import ProgressStep from '../_progress_step.tsx'
-import ProgressStepItem from '../_progress_step_item.tsx'
-import Caption from '../../pb_caption/_caption'
-
-const ProgressStepColor = (props) => (
-  <div>
-    <br />
-    <ProgressStep 
-        color="info"
-        icon 
-        variant="tracker" 
-        {...props}
-    >
-      <ProgressStepItem status="complete">
-        <Caption>{'Ordered'}</Caption>
-      </ProgressStepItem>
-      <ProgressStepItem status="active">
-        <Caption>{'Shipped'}</Caption>
-      </ProgressStepItem>
-      <ProgressStepItem status="inactive">
-        <Caption>{'Delivered'}</Caption>
-      </ProgressStepItem>
-    </ProgressStep>
-  </div>
-)
-
-export default ProgressStepColor

data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_color.md

@@ -1,3 +0,0 @@
-The `color` prop can also be used to set color for the tracker variant. Options for color are `primary` and `info` with default being set to `primary`.
-
-**NOTE**: The `color` prop is only available with the `tracker` variant.

data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.jsx

@@ -1,31 +0,0 @@
-import React from 'react'
-
-import ProgressStep from '../_progress_step.tsx'
-import ProgressStepItem from '../_progress_step_item.tsx'
-import Caption from '../../pb_caption/_caption'
-
-const ProgressStepCustomIcon = (props) => (
-  <div>
-    <br />
-    <ProgressStep 
-        icon 
-        variant="tracker" 
-        {...props}
-    >
-      <ProgressStepItem status="complete">
-        <Caption>{'Ordered'}</Caption>
-      </ProgressStepItem>
-      <ProgressStepItem 
-          icon="exclamation-triangle"
-          status="active" 
-      >
-        <Caption>{'Shipped'}</Caption>
-      </ProgressStepItem>
-      <ProgressStepItem status="inactive">
-        <Caption>{'Delivered'}</Caption>
-      </ProgressStepItem>
-    </ProgressStep>
-  </div>
-)
-
-export default ProgressStepCustomIcon

data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.md

@@ -1 +0,0 @@
-Custom icons can also be set for individual steps. Simply use the `icon` prop for the relevant `ProgressStepItem`/`progress_step_item` as shown here. 

data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.md

@@ -1,3 +0,0 @@
-The default Progress Step kit sets orientation to horizontal and can be used with completed, active, and inactive steps as shown here.
-
-`icon` is a boolean prop that can also be set to true to render icons within the steps indicator. `icon` is false by default.

data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.md

@@ -1,3 +0,0 @@
-The `variant` prop can be set to `tracker` to achieve this UI. Tracker is only available with the horizontal orientation and it is also recommended that you set the `icon` prop to true for this variant. 
-
-This variant takes children just like the default progress step, however, it is best to use the caption kit for children in this variant.

data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.md

@@ -1 +0,0 @@
-`orientation` can also be set to `vertical` as shown here. By default, this is set to `horizontal`.