playbook_ui_docs 15.8.0.pre.rc.0 → 16.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a1da1d6d1ef24651b4b2d68d7d6fb4d24418a93237ede041deab2386aad9590e
-  data.tar.gz: 8bc4c34d0ed65dc094b8cf3e187a99af9a0f947df3eafd56973a9b2781a8486a
+  metadata.gz: f6979e6789aa5d34bb598b9fb40404ff29658c2109f118497647503414d0aa57
+  data.tar.gz: fc1f6bfcfac4869de68fdee635d998bba02f6c75f75f05750e527957569cf755
 SHA512:
-  metadata.gz: b518dbb81c1684003780e9e096dccbc0bc428511d31e0a8a74dc2847a33ab84cc8283a84ae76731bfe34a622e7da2e03fe081fa421c966320734399a4ea9d902
-  data.tar.gz: 685a9397116fbd96752f7294021be526cbcea9c12cb174f5a9579797bd28e50a08b0ce90b4947550318b2d64d153867274ad367adcdbb9154666d02fa3248d8b
+  metadata.gz: 93046e97dbb1c968907098cb73656a55fc7d25e0d43c0f915e37959e57fe745b3cdd2635c4b3403f37ca57060bdf54018c5e1e7fe3babf1fd15caa9bcbdbabac
+  data.tar.gz: 7442bdffb6f159cc45fa7d64da4cd98df25b700fc88d470b243740e7dbc82e504d7c23ac401c475754b2794b0bd5fc2e7dd0309939397106a761158aefc3fd1c

data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_custom.jsx

@@ -0,0 +1,56 @@
+import React from "react"
+import Dropdown from "../_dropdown"
+
+const DropdownQuickpickCustom = (props) => (
+  <div>
+    <Dropdown
+        customQuickPickDates={{
+          dates: [
+            // Allow Playbook to handle the logic...
+            {
+              label: "Last 15 months",
+              value: {
+                timePeriod: "months",
+                amount: 15,
+              },
+            },
+            // Or, be explicit with an exact date range for more control...
+            {
+              label: "First Week of June 2022",
+              value: ["06/01/2022", "06/07/2022"],
+            },
+          ],
+        }}
+        label="Date Range"
+        marginBottom="sm"
+        onSelect={(selectedItem) => console.log(selectedItem)}
+        variant="quickpick"
+        {...props}
+    />
+    <Dropdown
+        customQuickPickDates={{
+          dates: [
+            {
+              label: "Last 15 months",
+              value: {
+                timePeriod: "months",
+                amount: 15,
+              },
+            },
+            {
+              label: "First Week of June 2022",
+              value: ["06/01/2022", "06/07/2022"],
+            },
+          ],
+          override: false,
+        }}
+        label="Date Range - Append to Defaults"
+        onSelect={(selectedItem) => console.log(selectedItem)}
+        variant="quickpick"
+        {...props}
+    />
+  </div>
+)
+
+export default DropdownQuickpickCustom
+

data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_custom.md

@@ -0,0 +1,10 @@
+The `customQuickPickDates` prop allows for defining custom quick pick date options for the dropdown. The prop accepts an object with two properties: `dates` and `override`.
+
+**The `dates` property** accepts an array of objects. Each object has `label` and `value` properties. The `label` is what will be displayed in the dropdown menu. The `value` property defines the date range that will be selected, and can be:
+- An array of two date strings representing a specific range (e.g., `["06/01/2022", "06/07/2022"]`)
+- An object with `timePeriod` and `amount` properties for dynamic date calculations:
+  - The `timePeriod` property accepts `"days"`, `"weeks"`, `"months"`, `"quarters"`, or `"years"`, representing past time periods calculated from today.
+  - The `amount` property accepts any number.
+
+**The `override` property** is a boolean that controls whether custom dates replace or append to the default quick pick options. Default is `true` (replaces defaults). Set to `false` to append your custom dates to the default quick pick options.
+

data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_custom_rails.html.erb

@@ -0,0 +1,64 @@
+<%= pb_rails("dropdown", props: {
+  custom_quick_pick_dates: {
+    dates: [
+      # Allow Playbook to handle the logic...
+      {
+        label: "Last 15 months",
+        value: {
+          time_period: "months",
+          amount: 15
+        }
+      },
+      # Or, be explicit with an exact date range for more control...
+      {
+        label: "First Week of June 2022",
+        value: ["06/01/2022", "06/07/2022"]
+      }
+    ]
+  },
+  id: "date-range-quickpick-custom",
+  label: "Date Range",
+  margin_bottom: "sm",
+  variant: "quickpick"
+}) %>
+
+<%= pb_rails("dropdown", props: {
+  custom_quick_pick_dates: {
+    override: false,
+    dates: [
+      {
+        label: "Last 15 months",
+        value: {
+          time_period: "months",
+          amount: 15
+        }
+      },
+      {
+        label: "First Week of June 2022",
+        value: ["06/01/2022", "06/07/2022"]
+      }
+    ]
+  },
+  id: "date-range-quickpick-custom-append-to-defaults",
+  label: "Date Range - Append to Defaults",
+  variant: "quickpick"
+}) %>
+
+<script>
+  const dropdown1 = document.getElementById("date-range-quickpick-custom");
+  if (dropdown1) {
+    dropdown1.addEventListener("pb:dropdown:selected", (e) => {
+      const option = e.detail;
+      console.log("Selected option:", option);
+    });
+  }
+
+  const dropdown2 = document.getElementById("date-range-quickpick-custom-append-to-defaults");
+  if (dropdown2) {
+    dropdown2.addEventListener("pb:dropdown:selected", (e) => {
+      const option = e.detail;
+      console.log("Selected option:", option);
+    });
+  }
+</script>
+

data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_custom_rails.md

@@ -0,0 +1,10 @@
+The `custom_quick_pick_dates` prop allows for defining custom quick pick date options for the dropdown. The prop accepts an object with two properties: `dates` and `override`.
+
+**The `dates` property** accepts an array of objects. Each object has `label` and `value` properties. The `label` is what will be displayed in the dropdown menu. The `value` property defines the date range that will be selected, and can be:
+- An array of two date strings representing a specific range (e.g., `["06/01/2022", "06/07/2022"]`)
+- An object with `time_period` and `amount` properties for dynamic date calculations:
+  - The `time_period` property accepts `"days"`, `"weeks"`, `"months"`, `"quarters"`, or `"years"`, representing past time periods calculated from today.
+  - The `amount` property accepts any number.
+
+**The `override` property** is a boolean that controls whether custom dates replace or append to the default quick pick options. Default is `true` (replaces defaults). Set to `false` to append your custom dates to the default quick pick options.
+

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

@@ -25,6 +25,7 @@ examples:
   - dropdown_quickpick_rails: Quick Pick Variant
   - dropdown_quickpick_range_end_rails: Quick Pick Variant (Range Ends Today)
   - dropdown_quickpick_default_dates: Quick Pick Variant (Default Dates)
+  - dropdown_quickpick_custom_rails: Quick Pick Variant (Custom Quick Pick Dates)
   - dropdown_quickpick_with_date_pickers_rails: Quick Pick with Date Pickers
   - dropdown_quickpick_with_date_pickers_default_rails: Quick Pick with Date Pickers (Default Value)
 
@@ -57,6 +58,7 @@ examples:
   - dropdown_quickpick: Quick Pick Variant
   - dropdown_quickpick_range_end: Quick Pick Variant (Range Ends Today)
   - dropdown_quickpick_default_dates: Quick Pick Variant (Default Dates)
+  - dropdown_quickpick_custom: Quick Pick Variant (Custom Quick Pick Dates)
   - dropdown_quickpick_with_date_pickers: Quick Pick Variant with Date Pickers
 
 

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

@@ -26,4 +26,5 @@ export {default as DropdownWithCustomActiveStyleOptions} from './_dropdown_with_
 export { default as DropdownQuickpick } from './_dropdown_quickpick.jsx'
 export { default as DropdownQuickpickRangeEnd } from './_dropdown_quickpick_range_end.jsx'
 export { default as DropdownQuickpickDefaultDates } from './_dropdown_quickpick_default_dates.jsx'
-export { default as DropdownQuickpickWithDatePickers } from './_dropdown_quickpick_with_date_pickers.jsx'
+export { default as DropdownQuickpickWithDatePickers } from './_dropdown_quickpick_with_date_pickers.jsx'
+export { default as DropdownQuickpickCustom } from './_dropdown_quickpick_custom.jsx'

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

@@ -2,4 +2,9 @@
 
 This kit is a wrapper around the Highcharts library. It applies styling and default settings but does NOT ship Highcharts. Once 'highcharts' and 'highcharts-react-official are installed into your repo, any prop or functionality provided by Highcharts can be used with this kit without requiring specific props from Playbook. The doc examples below showcase a few common usecases but are not a comprehensive list of all the functionalities possible. 
 
-See the [highcharts API docs](https://api.highcharts.com/highcharts/) for a comprehensive look at what is possible.
+See the [highcharts API docs](https://api.highcharts.com/highcharts/) for a comprehensive look at what is possible.
+
+**NOTE**: All chart kits are available through a separate entrypoint to keep Highcharts optional. Import them using:
+```javascript
+import { PbBarGraph } from 'playbook-ui/charts'
+```

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

@@ -2,4 +2,9 @@
 
 This kit is a wrapper around the Highcharts library. It applies styling and default settings but does NOT ship Highcharts. Once 'highcharts' and 'highcharts-react-official are installed into your repo, any prop or functionality provided by Highcharts can be used with this kit without requiring specific props from Playbook. The doc examples below showcase a few common usecases but are not a comprehensive list of all the functionalities possible. 
 
-See the [highcharts API docs](https://api.highcharts.com/highcharts/) for a comprehensive look at what is possible.
+See the [highcharts API docs](https://api.highcharts.com/highcharts/) for a comprehensive look at what is possible.
+
+**NOTE**: All chart kits are available through a separate entrypoint to keep Highcharts optional. Import them using:
+```javascript
+import { PbCircleChart } from 'playbook-ui/charts'
+```

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

@@ -2,4 +2,9 @@
 
 This kit is a wrapper around the Highcharts library. It applies styling and default settings but does NOT ship Highcharts. Once 'highcharts' and 'highcharts-react-official are installed into your repo, any prop or functionality provided by Highcharts can be used with this kit without requiring specific props from Playbook. The doc examples below showcase a few common usecases but are not a comprehensive list of all the functionalities possible. 
 
-See the [highcharts API docs](https://api.highcharts.com/highcharts/) for a comprehensive look at what is possible.
+See the [highcharts API docs](https://api.highcharts.com/highcharts/) for a comprehensive look at what is possible.
+
+**NOTE**: All chart kits are available through a separate entrypoint to keep Highcharts optional. Import them using:
+```javascript
+import { PbGaugeChart } from 'playbook-ui/charts'
+```

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

@@ -2,4 +2,9 @@
 
 This kit is a wrapper around the Highcharts library. It applies styling and default settings but does NOT ship Highcharts. Once 'highcharts' and 'highcharts-react-official are installed into your repo, any prop or functionality provided by Highcharts can be used with this kit without requiring specific props from Playbook. The doc examples below showcase a few common usecases but are not a comprehensive list of all the functionalities possible. 
 
-See the [highcharts API docs](https://api.highcharts.com/highcharts/) for a comprehensive look at what is possible.
+See the [highcharts API docs](https://api.highcharts.com/highcharts/) for a comprehensive look at what is possible.
+
+**NOTE**: All chart kits are available through a separate entrypoint to keep Highcharts optional. Import them using:
+```javascript
+import { PbLineGraph } from 'playbook-ui/charts'
+```

data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_height.jsx

@@ -0,0 +1,71 @@
+import React from 'react'
+import RichTextEditor from '../_rich_text_editor'
+import { useEditor, EditorContent } from "@tiptap/react"
+import StarterKit from "@tiptap/starter-kit"
+import Link from '@tiptap/extension-link'
+import { Caption } from "playbook-ui"
+
+
+const RichTextEditorAdvancedHeight = (props) => {
+
+  const editor = useEditor({
+    extensions: [
+      StarterKit,
+      Link
+    ],
+    content: "Add your text here. You can format your text, add links, quotes, and bullets."
+  })
+
+  const editor2 = useEditor({
+    extensions: [
+      StarterKit,
+      Link
+    ],
+    content: "Add your text here. You can format your text, add links, quotes, and bullets."
+  })
+
+  const editor3 = useEditor({
+    extensions: [
+      StarterKit,
+      Link
+    ],
+    content: "Add your text here. You can format your text, add links, quotes, and bullets."
+  })
+
+  return (
+    <div>
+      <Caption>sm</Caption>
+      <RichTextEditor
+          advancedEditor={editor}
+          inputHeight="sm"
+          {...props}
+      >
+        <EditorContent editor={editor} />
+      </RichTextEditor>
+
+      <br />
+
+      <Caption>md</Caption>
+      <RichTextEditor
+          advancedEditor={editor2}
+          inputHeight="md"
+          {...props}
+      >
+        <EditorContent editor={editor2} />
+      </RichTextEditor>
+
+      <br />
+
+      <Caption>lg</Caption>
+      <RichTextEditor
+          advancedEditor={editor3}
+          inputHeight="lg"
+          {...props}
+      >
+        <EditorContent editor={editor3} />
+      </RichTextEditor>
+    </div>
+  )
+}
+
+export default RichTextEditorAdvancedHeight

data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_height.md

@@ -0,0 +1 @@
+Use the `inputHeight` prop to keep the text area a specific height. If the text exceeds the text area, it will automatically add a scrollbar to maintain the fixed height.

data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_min_height.jsx

@@ -0,0 +1,71 @@
+import React from 'react'
+import RichTextEditor from '../_rich_text_editor'
+import { useEditor, EditorContent } from "@tiptap/react"
+import StarterKit from "@tiptap/starter-kit"
+import Link from '@tiptap/extension-link'
+import { Caption } from "playbook-ui"
+
+
+const RichTextEditorAdvancedMinHeight = (props) => {
+
+  const editor1 = useEditor({
+    extensions: [
+      StarterKit,
+      Link
+    ],
+    content: "Add your text here. You can format your text, add links, quotes, and bullets."
+  })
+
+  const editor2 = useEditor({
+    extensions: [
+      StarterKit,
+      Link
+    ],
+    content: "Add your text here. You can format your text, add links, quotes, and bullets."
+  })
+
+  const editor3 = useEditor({
+    extensions: [
+      StarterKit,
+      Link
+    ],
+    content: "Add your text here. You can format your text, add links, quotes, and bullets."
+  })
+
+  return (
+    <div>
+    <Caption>sm</Caption>
+      <RichTextEditor
+          advancedEditor={editor1}
+          inputMinHeight="sm"
+          {...props}
+      >
+        <EditorContent editor={editor1} />
+      </RichTextEditor>
+
+         <br />
+
+    <Caption>md</Caption>
+      <RichTextEditor
+          advancedEditor={editor2}
+          inputMinHeight="md"
+          {...props}
+      >
+        <EditorContent editor={editor2} />
+      </RichTextEditor>
+
+         <br />
+
+    <Caption>lg</Caption>
+      <RichTextEditor
+          advancedEditor={editor3}
+          inputMinHeight="lg"
+          {...props}
+      >
+        <EditorContent editor={editor3} />
+      </RichTextEditor>
+    </div>
+  )
+}
+
+export default RichTextEditorAdvancedMinHeight

data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_min_height.md

@@ -0,0 +1 @@
+Use the inputMinHeight prop to render the text area with a minimum height. If the text exceeds the text area, the text area will grow to accommodate it.

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

@@ -29,5 +29,7 @@ examples:
   # - rich_text_editor_toolbar_bottom: Toolbar Bottom
   - rich_text_editor_inline: Inline
   - rich_text_editor_advanced_inline: Advanced (Inline)
+  - rich_text_editor_advanced_height: Advanced Height
+  - rich_text_editor_advanced_min_height: Advanced Min Height
   - rich_text_editor_preview: Preview
   - rich_text_editor_advanced_preview: Advanced Preview

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

@@ -16,4 +16,6 @@ export { default as RichTextEditorAdvancedFocus } from './_rich_text_editor_adva
 export { default as RichTextEditorAdvancedTemplates } from './_rich_text_editor_advanced_templates.jsx'
 export { default as RichTextEditorAdvancedAttributes } from './_rich_text_editor_advanced_attributes.jsx'
 export { default as RichTextEditorAdvancedSticky } from './_rich_text_editor_advanced_sticky.jsx'
-export { default as RichTextEditorAdvancedInline } from './_rich_text_editor_advanced_inline.jsx'
+export { default as RichTextEditorAdvancedInline } from './_rich_text_editor_advanced_inline.jsx'
+export { default as RichTextEditorAdvancedHeight } from './_rich_text_editor_advanced_height.jsx'
+export { default as RichTextEditorAdvancedMinHeight } from './_rich_text_editor_advanced_min_height.jsx'

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 15.8.0.pre.rc.0
+  version: 16.0.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-01-06 00:00:00.000000000 Z
+date: 2026-01-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: playbook_ui
@@ -259,39 +259,6 @@ files:
 - app/pb_kits/playbook/pb_badge/docs/_description.md
 - app/pb_kits/playbook/pb_badge/docs/example.yml
 - app/pb_kits/playbook/pb_badge/docs/index.js
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_colors.html.erb
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_colors.jsx
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_colors.md
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom_rails.html.erb
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom_rails.md
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.html.erb
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.jsx
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.html.erb
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.jsx
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.md
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_horizontal.html.erb
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_horizontal.jsx
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend.html.erb
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend.jsx
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_non_clickable.html.erb
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_non_clickable.jsx
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.html.erb
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.jsx
-- 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_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
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.html.erb
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.jsx
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_spline.md
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_stacked.html.erb
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_stacked.jsx
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_stacked.md
-- app/pb_kits/playbook/pb_bar_graph/docs/_description.md
-- app/pb_kits/playbook/pb_bar_graph/docs/example.yml
-- app/pb_kits/playbook/pb_bar_graph/docs/index.js
 - app/pb_kits/playbook/pb_body/docs/_body_articles.html.erb
 - app/pb_kits/playbook/pb_body/docs/_body_articles.jsx
 - app/pb_kits/playbook/pb_body/docs/_body_articles.md
@@ -451,34 +418,6 @@ files:
 - 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
-- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.html.erb
-- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
-- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.html.erb
-- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.jsx
-- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors_rails.md
-- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors_react.md
-- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_custom_tooltip.html.erb
-- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_custom_tooltip.jsx
-- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_custom_tooltip.md
-- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.html.erb
-- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.jsx
-- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_inner_sizes.html.erb
-- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_inner_sizes.jsx
-- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.html.erb
-- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.jsx
-- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.md
-- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_live_data.jsx
-- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.html.erb
-- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.jsx
-- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_labels.html.erb
-- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_labels.jsx
-- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_legend_kit.html.erb
-- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_legend_kit.jsx
-- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_title.html.erb
-- app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_title.jsx
-- app/pb_kits/playbook/pb_circle_chart/docs/_description.md
-- app/pb_kits/playbook/pb_circle_chart/docs/example.yml
-- app/pb_kits/playbook/pb_circle_chart/docs/index.js
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_click.jsx
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_default.html.erb
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_default.jsx
@@ -924,6 +863,10 @@ files:
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_default.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_custom.jsx
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_custom.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_custom_rails.html.erb
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_custom_rails.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_default_dates.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_default_dates.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_default_dates.md
@@ -1168,37 +1111,6 @@ files:
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.md
 - app/pb_kits/playbook/pb_form_pill/docs/example.yml
 - app/pb_kits/playbook/pb_form_pill/docs/index.js
-- app/pb_kits/playbook/pb_gauge/docs/_description.md
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.html.erb
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.jsx
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_colors_rails.md
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_colors_react.md
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.html.erb
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.jsx
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_complex_rails.md
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_complex_react.md
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_default.html.erb
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_default.jsx
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_disable_animation.html.erb
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_disable_animation.jsx
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_full_circle.html.erb
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_full_circle.jsx
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_height.html.erb
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_live_data.jsx
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.html.erb
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.jsx
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.md
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.html.erb
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.jsx
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.md
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_title.html.erb
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_title.jsx
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_units.html.erb
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_units.jsx
-- app/pb_kits/playbook/pb_gauge/docs/_gauge_units_react.md
-- app/pb_kits/playbook/pb_gauge/docs/example.yml
-- app/pb_kits/playbook/pb_gauge/docs/index.js
 - app/pb_kits/playbook/pb_hashtag/docs/_description.md
 - app/pb_kits/playbook/pb_hashtag/docs/_footer.md
 - app/pb_kits/playbook/pb_hashtag/docs/_hashtag_default.html.erb
@@ -1406,25 +1318,6 @@ files:
 - app/pb_kits/playbook/pb_lightbox/docs/_lightbox_multiple.md
 - app/pb_kits/playbook/pb_lightbox/docs/example.yml
 - app/pb_kits/playbook/pb_lightbox/docs/index.js
-- app/pb_kits/playbook/pb_line_graph/docs/_description.md
-- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors.html.erb
-- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors.jsx
-- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors_rails.md
-- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_colors_react.md
-- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.html.erb
-- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.jsx
-- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.html.erb
-- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.jsx
-- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.md
-- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.html.erb
-- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.jsx
-- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_nonclickable.html.erb
-- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_nonclickable.jsx
-- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.html.erb
-- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.jsx
-- app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.md
-- app/pb_kits/playbook/pb_line_graph/docs/example.yml
-- app/pb_kits/playbook/pb_line_graph/docs/index.js
 - app/pb_kits/playbook/pb_link/docs/_link_color.html.erb
 - app/pb_kits/playbook/pb_link/docs/_link_color.jsx
 - app/pb_kits/playbook/pb_link/docs/_link_disabled.html.erb
@@ -2003,8 +1896,12 @@ files:
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_default.md
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_focus.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_focus.md
+- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_height.jsx
+- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_height.md
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_inline.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_inline.md
+- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_min_height.jsx
+- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_min_height.md
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_preview.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_simple.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_sticky.jsx

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_colors.html.erb

@@ -1,26 +0,0 @@
-<% data = [{
-    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]
-}] %>
-
-<%= pb_rails("bar_graph", props: {
-    axis_title: 'Number of Employees',
-    chart_data: data,
-    id: "bar-colors",
-    y_axis_min: 0,
-    x_axis_categories:['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],
-    title: 'Bar Graph with Custom Data Colors',
-    colors: ['data-4', 'data-5', 'data-6', 'data-7', 'data-8']
-}) %>