playbook_ui_docs 15.8.0.pre.rc.1 → 16.1.0.pre.rc.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a612c6c091108d9138ab2347e702724f60e3552d290ed4906963d21670aa6640
-  data.tar.gz: be4708b10ee105fb088c285bd02258a5dd0a82c80facd06d1206981035c3b227
+  metadata.gz: 1a500947d189faf49975a04214fc6a7777068bb6e97e701b56120716e8ea496e
+  data.tar.gz: cda73d66b6a43912b4729d9852e46fcd1521e4066b79f1b60a4290b8bbb6a256
 SHA512:
-  metadata.gz: 181954b1ed65ad06151aa58630e13d047949e1473c25b74e7b71b458a180727a7da624f7bc5a56796249a0350d869c2fda91788ca5bcf66f75c0f7ba74cf798f
-  data.tar.gz: f5f298f097108651578094e2fe4b15b6f1609eef7958c3f02a4674a4b989cc795beea1c84bbdb0f36983d6780bc349515665c19d5176c69d231e9b65d3acf561
+  metadata.gz: df07ec138ac3b2a63260de43aa35051bc3fd6d8cbbba11989e789d02a486092763e936cf69c6856145cacf3b1197f0486b83dad239885c842e8165071b86428e
+  data.tar.gz: 1e2254818a11b43ce09a4dc1c319abaa7fa1be93a793d5917be95d5d966f9da7e5f345d9d895e03982b956df10874fddab545066849d30cdbf32fa81bbc6b3e4

data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.md

@@ -1 +1 @@
-individual items can also be disabled by including the `disabled:true` within the object on the treeData for the `returnAllSelected`/`return_all_selected` variant. As noted above, this variant will return data on all checked nodes from the dropdown, irrespective of whether it is a parent or child node.
+Individual items can also be disabled by including the `disabled:true` within the object on the treeData for the `returnAllSelected`/`return_all_selected` variant. As noted above, this variant will return data on all checked nodes from the dropdown, irrespective of whether it is a parent or child node.

data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_disabled.html.erb

@@ -0,0 +1,135 @@
+<% treeData = [
+  {
+    label: "HQ",
+    value: "hQ",
+    id: "hq2",
+  },
+  {
+    label: "Philadelphia",
+    value: "philadelphia",
+    id: "phl2",
+    disabled: true,
+    children: [
+      {
+        label: "Marketing & Sales PHL",
+        value: "marketingAndSalesPhl",
+        id: "marketingPHL2",
+      },
+      {
+        label: "Installation Office PHL",
+        value: "installationOfficePhl",
+        id: "installationPHL2",
+      },
+      {
+        label: "Warehouse PHL",
+        value: "warehousePhl",
+        id: "warehousePHL2",
+      },
+    ]
+  },
+  {
+    label: "New Jersey",
+    value: "newJersey",
+    id: "nj2",
+    children: [
+      {
+        label: "New Jersey",
+        value: "newJersey",
+        id: "nj12",
+        children: [
+          {
+            label: "Marketing & Sales NJ",
+            value: "marketingAndSalesNj",
+            id: "marketingNJ2",
+            disabled: true,
+          },
+          {
+            label: "Installation Office NJ",
+            value: "installationOfficeNj",
+            id: "installationNJ2",
+          },
+          {
+            label: "Warehouse NJ",
+            value: "warehouseNj",
+            id: "warehouseNJ2",
+          },
+        ],
+      },
+      {
+        label: "Princeton",
+        value: "princeton",
+        id: "princeton2",
+        children: [
+          {
+            label: "Marketing & Sales Princeton",
+            value: "marketingAndSalesPrinceton",
+            id: "marketingPR2",
+          },
+          {
+            label: "Installation Office Princeton",
+            value: "installationOfficePrinceton",
+            id: "installationPR2",
+            disabled: true,
+          },
+          {
+            label: "Warehouse Princeton",
+            value: "warehousePrinceton",
+            id: "warehousePR2",
+          },
+        ]
+      },
+    ]
+  },
+  {
+    label: "Maryland",
+    value: "maryland",
+    id: "MD2",
+    children: [
+      {
+        label: "Marketing & Sales MD",
+        value: "marketingAndSalesMd",
+        id: "marketingMD2",
+      },
+      {
+        label: "Installation Office MD",
+        value: "installationOfficeMd",
+        id: "installationMD2",
+      },
+      {
+        label: "Warehouse MD",
+        value: "warehouseMd",
+        id: "warehouseMD2",
+      },
+    ]
+  },
+  {
+    label: "Connecticut",
+    value: "connecticut",
+    id: "CT2",
+    children: [
+      {
+        label: "Marketing & Sales CT",
+        value: "marketingAndSalesCt",
+        id: "marketingCT2",
+      },
+      {
+        label: "Installation Office CT",
+        value: "installationOfficeCt",
+        id: "installationCT2",
+      },
+      {
+        label: "Warehouse CT",
+        value: "warehouseCt",
+        id: "warehouseCT2",
+      },
+    ]
+  },
+] %>
+
+<%= pb_rails("multi_level_select", props: {
+    id: "multi-level-select-single-disabled-rails",
+    name: "single_disabled",
+    tree_data: treeData,
+    input_name: "Power",
+    variant: "single"
+}) %>

data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_disabled.jsx

@@ -0,0 +1,147 @@
+import React from "react";
+import MultiLevelSelect from "../_multi_level_select";
+
+const treeData = [
+  {
+    label: "HQ",
+    value: "hQ",
+    id: "hq2",
+  },
+  {
+    label: "Philadelphia",
+    value: "philadelphia",
+    id: "phl2",
+    disabled: true,
+    children: [
+      {
+        label: "Marketing & Sales PHL",
+        value: "marketingAndSalesPhl",
+        id: "marketingPHL2",
+      },
+      {
+        label: "Installation Office PHL",
+        value: "installationOfficePhl",
+        id: "installationPHL2",
+      },
+      {
+        label: "Warehouse PHL",
+        value: "warehousePhl",
+        id: "warehousePHL2",
+      },
+    ]
+  },
+  {
+    label: "New Jersey",
+    value: "newJersey",
+    id: "nj2",
+    children: [
+      {
+        label: "New Jersey",
+        value: "newJersey",
+        id: "nj12",
+        children: [
+          {
+            label: "Marketing & Sales NJ",
+            value: "marketingAndSalesNj",
+            id: "marketingNJ2",
+            disabled: true,
+          },
+          {
+            label: "Installation Office NJ",
+            value: "installationOfficeNj",
+            id: "installationNJ2",
+          },
+          {
+            label: "Warehouse NJ",
+            value: "warehouseNj",
+            id: "warehouseNJ2",
+          },
+        ],
+      },
+      {
+        label: "Princeton",
+        value: "princeton",
+        id: "princeton2",
+        children: [
+          {
+            label: "Marketing & Sales Princeton",
+            value: "marketingAndSalesPrinceton",
+            id: "marketingPR2",
+          },
+          {
+            label: "Installation Office Princeton",
+            value: "installationOfficePrinceton",
+            id: "installationPR2",
+            disabled: true,
+          },
+          {
+            label: "Warehouse Princeton",
+            value: "warehousePrinceton",
+            id: "warehousePR2",
+          },
+        ]
+      },
+    ]
+  },
+  {
+    label: "Maryland",
+    value: "maryland",
+    id: "MD2",
+    children: [
+      {
+        label: "Marketing & Sales MD",
+        value: "marketingAndSalesMd",
+        id: "marketingMD2",
+      },
+      {
+        label: "Installation Office MD",
+        value: "installationOfficeMd",
+        id: "installationMD2",
+      },
+      {
+        label: "Warehouse MD",
+        value: "warehouseMd",
+        id: "warehouseMD2",
+      },
+    ]
+  },
+  {
+    label: "Connecticut",
+    value: "connecticut",
+    id: "CT2",
+    children: [
+      {
+        label: "Marketing & Sales CT",
+        value: "marketingAndSalesCt",
+        id: "marketingCT2",
+      },
+      {
+        label: "Installation Office CT",
+        value: "installationOfficeCt",
+        id: "installationCT2",
+      },
+      {
+        label: "Warehouse CT",
+        value: "warehouseCt",
+        id: "warehouseCT2",
+      },
+    ]
+  },
+];
+
+const MultiLevelSelectSingleDisabled = (props) => {
+  return (
+    <div>
+      <MultiLevelSelect
+          id="multiselect-single-disabled"
+          inputName="Power"
+          onSelect={(selectedNode) => console.log("Selected Node", selectedNode)}
+          treeData={treeData}
+          variant="single"
+          {...props}
+      />
+    </div>
+  )
+};
+
+export default MultiLevelSelectSingleDisabled;

data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_disabled.md

@@ -0,0 +1 @@
+Individual items can be disabled by including `disabled: true` within the object on the treeData for the `single` variant. Disabled options are visibly disabled in the dropdown UI and cannot be selected via mouse click or keyboard navigation. When a parent node is disabled, all of its children are automatically disabled as well.

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

@@ -15,6 +15,7 @@ examples:
   - multi_level_select_disabled_options: Disabled Options (Return All Selected)
   - multi_level_select_disabled_options_parent_default: Disabled Parent Option (Default)
   - multi_level_select_disabled_options_parent: Disabled Parent Option (Return All Selected)
+  - multi_level_select_single_disabled: Disabled Options (Single Select)
 
   react:
   - multi_level_select_default: Default
@@ -33,3 +34,4 @@ examples:
   - multi_level_select_disabled_options: Disabled Options (Return All Selected)
   - multi_level_select_disabled_options_parent_default: Disabled Parent Option (Default)
   - multi_level_select_disabled_options_parent: Disabled Parent Option (Return All Selected)
+  - multi_level_select_single_disabled: Disabled Options (Single Select)

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

@@ -14,3 +14,4 @@ export { default as MultiLevelSelectDisabledOptionsParent } from './_multi_level
 export { default as MultiLevelSelectDisabledOptionsParentDefault } from './_multi_level_select_disabled_options_parent_default.jsx'
 export { default as MultiLevelSelectDisabledOptionsDefault } from './_multi_level_select_disabled_options_default.jsx'
 export { default as MultiLevelSelectLabel } from './_multi_level_select_label.jsx'
+export { default as MultiLevelSelectSingleDisabled } from './_multi_level_select_single_disabled.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'
+```

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 15.8.0.pre.rc.1
+  version: 16.1.0.pre.rc.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-01-08 00:00:00.000000000 Z
+date: 2026-01-12 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
@@ -1172,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
@@ -1410,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
@@ -1540,6 +1429,9 @@ files:
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.html.erb
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.jsx
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.md
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_disabled.html.erb
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_disabled.jsx
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_disabled.md
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_children.jsx
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_children.md
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_children_with_radios.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']
-}) %>

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

@@ -1,55 +0,0 @@
-import React from 'react'
-import colors from '../../tokens/exports/_colors.module.scss'
-import barGraphTheme from '../barGraphTheme';
-import Highcharts from "highcharts";
-import HighchartsReact from "highcharts-react-official";
-
-
-
-const chartData = [{
-  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 chartOptions = {
-  series: chartData,
-  title: {
-    text: "Bar Graph with Custom Data Colors",
-  },
-  xAxis: {
-    categories: ["Jan", "Feb", "Mar", "Apr", "May"],
-  },
-  yAxis: {
-    title: {
-      text: "Number of Employees",
-    },
-  },
-  colors: [colors.data_4, colors.data_5, colors.data_6, colors.data_7, colors.data_8],
-}
-
-const BarGraphColors = () => {
-  const options = Highcharts.merge({}, barGraphTheme, chartOptions)
-
-  return (
-    <div>
-      <HighchartsReact
-          highcharts={Highcharts}
-          options={options}
-      />
-    </div>
-  )
-}
-
-export default BarGraphColors

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

@@ -1,2 +0,0 @@
-Custom data `colors` allow for color customization to match the needs of business requirements.
-Pass the prop colors and use desired values `data-1 | data-2 | data-3 | data-4 | data-5 | data-6 | data-7 | data-8` in an array. Hex colors are also available `eg: #CA0095`

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

@@ -1,42 +0,0 @@
-<% data = [{
-  name: 'Role',
-  data: [0, 200, 300, 654, 656],
-}, {
-  name: 'Company',
-  data: [150, 524, 320, 440, 500],
-}] %>
-
-<% bar_graph_options = {
-  customOptions: {
-    yAxis: {
-      tickInterval: 5,
-    },
-    xAxis: {
-      categories: [
-        raw(pb_rails("icon", props: { icon: "frown", color: "error", size: "2x" })),
-        raw(pb_rails("icon", props: { icon: "frown", color: "warning", size: "2x" })),
-        raw(pb_rails("icon", props: { icon: "frown-open", color: "neutral", size: "2x" })),
-        raw(pb_rails("icon", props: { icon: "smile", color: "category_7", size: "2x" })),
-        raw(pb_rails("icon", props: { icon: "smile-beam", color: "success", size: "2x" }))
-      ],
-      labels: {
-        useHTML: true,
-        sytle: {
-          fontSize: '1.4em',
-        },
-        y: 42,
-      },
-    },
-    legend: {
-      itemMarginTop: 62,
-    },
-  } 
-} %>
-
-<%= pb_rails("bar_graph", props: {
-    chart_data: data,
-    id: "bar-default",
-    legend: true,
-    title: 'Bar Graph with Custom Overrides',
-    custom_options: bar_graph_options
-}) %>