RubyGems - playbook_ui_docs - Versions diffs - 15.7.0.pre.alpha.play263313229 → 15.7.0.pre.alpha.play270013252 - Mend

playbook_ui_docs 15.7.0.pre.alpha.play263313229 → 15.7.0.pre.alpha.play270013252

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (115) hide show

checksums.yaml CHANGED Viewed

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7a2f365e4b2b86392fa969ed355ec0138f66eecf12ca3cf371306bffc0e88775
-  data.tar.gz: d34a0a01f52f7e1fe8206a0262a908041aa8ef8da7b72109aa295fc503cf7f63
+  metadata.gz: 7e9b0429a0b322165781dac899a2f477accb39b214947abb754c6ca3288110cf
+  data.tar.gz: be9aaed64d3ab2dbea00d83037d3b01d2797ffddc5fa44d4be5c046a88feb168
 SHA512:
-  metadata.gz: 827af7eceb1f7dd516a94580bfeed819932bf0e75b290280366ccd922c8fbe00def7cf1253de554aec10792c783df5a8c89cec81b7d4828e8b252b7b5712402b
-  data.tar.gz: 88ef58db0c61415e12447990b29aed9cc5d62c76a13c864cf403d5b6a0a848a29ad39790413d0d121a7ca3756073dff050e38b4883a9c39a98878134c84814fa
+  metadata.gz: e6d94ada1d1d6adacdf87be4a79c67225a625718baee11ccf99db9c0f9c2fec105faf94c11092fae0708201c3b701087bb1fbe14be3134af8eedf28e98b9182b
+  data.tar.gz: b40447222840ba1ae5580f79dae66112bc95cf34b4bf79f754784ce127f468b9910dd24b28c8ba4b2b1d3852e3dbc8c7e68ca2ea797eed6b8f9b21308e214d79

data/app/pb_kits/playbook/pb_popover/docs/_popover_append_to.html.erb CHANGED Viewed

@@ -39,8 +39,8 @@
         tooltip_id: "append-to-tooltip-2",
         offset: true,
         position: "top",
-        append_to: ".kit-show-wrapper",
+        append_to: ".pb--page--sideNav",
     }) do %>
-        I'm a popover. I have been appended to the .kit-show-wrapper.
+        I'm a popover. I have been appended to the .pb--page--sideNav.
     <% end %>
 <% end %>

data/app/pb_kits/playbook/pb_popover/docs/_popover_append_to.jsx CHANGED Viewed

@@ -54,14 +54,15 @@ const PopoverAppendTo = (props) => {
         <Body text="Click info for more details" />
         &nbsp;
         <PbReactPopover
-            appendTo=".kit-show-wrapper"
+            appendTo=".pb--page--sideNav"
             offset
             placement="top"
             reference={selectorPopoverReference}
             show={showSelectorPopover}
+            zIndex={10}
             {...props}
         >
-          {'I\'m a popover. I have been appended to the .kit-show-wrapper.'}
+          {'I\'m a popover. I have been appended to the .pb--page--sideNav.'}
         </PbReactPopover>
       </Flex>
     </>

metadata CHANGED Viewed

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 15.7.0.pre.alpha.play263313229
+  version: 15.7.0.pre.alpha.play270013252
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-12-29 00:00:00.000000000 Z
+date: 2026-01-02 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
@@ -1168,37 +1107,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 +1314,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

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

@@ -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 DELETED Viewed

@@ -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 DELETED Viewed

	@@ -1,2 +0,0 @@
1	- Custom data `colors` allow for color customization to match the needs of business requirements.
2	- 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 DELETED Viewed

@@ -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
-}) %>

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom_rails.md DELETED Viewed

	@@ -1,2 +0,0 @@
1	- The `custom_options` prop provides comprehensive access to additional [Highcharts options](https://api.highcharts.com/highcharts/) that are not explicitly defined as props.
2	- It's important to note that certain options may require specific script imports to function properly.

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.html.erb DELETED Viewed

@@ -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-default",
-    y_axis_min: 0,
-    x_axis_categories:['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],
-    subtitle: 'Source: thesolarfoundation.com',
-    title: 'Solar Employment Growth by Sector, 2010-2016',
-}) %>

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.jsx DELETED Viewed

@@ -1,55 +0,0 @@
-import React from 'react'
-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: 'Solar Employment Growth by Sector, 2010-2016',
-  },
-  subtitle: {
-    text: 'Source: thesolarfoundation.com',
-  },
-  xAxis: {
-    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May'],
-  },
-  yAxis: {
-    title: {
-      text: 'Number of Employees',
-    },
-  },
-}
-const BarGraphDefault = () => {
-  const options = Highcharts.merge({}, barGraphTheme, chartOptions)
-  return (
-    <div>
-      <HighchartsReact
-          highcharts={Highcharts}
-          options={options}
-      />
-    </div>
-  )
-}
-export default BarGraphDefault

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.html.erb DELETED Viewed

@@ -1,26 +0,0 @@
-<% data = [{
-    name: 'Number of Installations',
-    data: [1475,200,3000,654,656]
-}] %>
-<%= pb_rails("bar_graph", props: {
-    axis_title: 'Number of Employees',
-    chart_data: data,
-    id: "bar-fixed-height",
-    y_axis_min: 0,
-    x_axis_categories:['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],
-    title: 'Fixed Height (300px)',
-    height: '300'
-}) %>
-<br /><br />
-<%= pb_rails("bar_graph", props: {
-    axis_title: 'Number of Employees',
-    chart_data: data,
-    id: "bar-percentage-height",
-    y_axis_min: 0,
-    x_axis_categories:['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],
-    title: 'Percentage Height (50%)',
-    height: '50%'
-}) %>

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.jsx DELETED Viewed

@@ -1,69 +0,0 @@
-import React from 'react'
-import barGraphTheme from '../barGraphTheme';
-import Highcharts from "highcharts";
-import HighchartsReact from "highcharts-react-official";
-const chartData = [{
-  name: 'Number of Installations',
-  data: [1475, 200, 3000, 654, 656],
-}]
-const pixelHeightChartOptions = {
-  chart: {
-    height: "300"
-  },
-  series: chartData,
-  title: {
-    text: "Fixed Height (300px)",
-  },
-  xAxis: {
-    categories: ["Jan", "Feb", "Mar", "Apr", "May"],
-  },
-  yAxis: {
-    title: {
-      text: "Number of Employees",
-    },
-  },
-};
-const percentageHeightChartOptions = {
-  chart: {
-    height: "50%"
-  },
-  series: chartData,
-  title: {
-    text: "Percentage Height (50%)",
-  },
-  xAxis: {
-    categories: ["Jan", "Feb", "Mar", "Apr", "May"],
-  },
-  yAxis: {
-    title: {
-      text: "Number of Employees",
-    },
-  },
-};
-const pixelOptions = Highcharts.merge({}, barGraphTheme, pixelHeightChartOptions)
-const percentageOptions = Highcharts.merge({}, barGraphTheme, percentageHeightChartOptions)
-const BarGraphHeight = () => (
-  <div>
-      <HighchartsReact
-          highcharts={Highcharts}
-          options={pixelOptions}
-      />
-    <br />
-    <br />
-    <HighchartsReact
-        highcharts={Highcharts}
-        options={percentageOptions}
-    />
-  </div>
-)
-export default BarGraphHeight

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.md DELETED Viewed

@@ -1,3 +0,0 @@
-By default, Highcharts have a height of 400px, but this can be customized. You can override the default by specifying either a percentage or a fixed pixel value.
-Using a percentage maintains a consistent aspect ratio across different responsive sizes. For example, setting the height to 50% makes the chart’s height half of its width.

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_horizontal.html.erb DELETED Viewed

@@ -1,58 +0,0 @@
-<% bar_graph_options = {
-    customOptions: {
-        chart: {
-            type: 'bar'
-        },
-        title: {
-            text: 'Historic World Population by Region',
-            align: 'left'
-        },
-        subtitle: {
-            text: 'Source: <a ' +
-                'href="https://en.wikipedia.org/wiki/List_of_continents_and_continental_subregions_by_population"' +
-                'target="_blank">Wikipedia.org</a>',
-            align: 'left'
-        },
-        xAxis: {
-            categories: ['Africa', 'America', 'Asia', 'Europe'],
-            lineWidth: 0
-        },
-        yAxis: {
-            min: 0,
-            title: {
-                text: 'Population (millions)',
-                align: 'high'
-            },
-            labels: {
-                overflow: 'justify'
-            },
-        },
-        tooltip: {
-            valueSuffix: ' millions'
-        },
-        plotOptions: {
-            bar: {
-                dataLabels: {
-                    enabled: true
-                },
-                groupPadding: 0.1
-            }
-        },
-        series: [{
-            name: 'Year 1990',
-            data: [631, 727, 3202, 721]
-        }, {
-            name: 'Year 2000',
-            data: [814, 841, 3714, 726]
-        }, {
-            name: 'Year 2018',
-            data: [1276, 1007, 4561, 746]
-        }]
-    }
-} %>
-<%= pb_rails("bar_graph", props: {
-    id: "bar-horizontal",
-    y_axis_min: 0,
-    custom_options: bar_graph_options,
-}) %>

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_horizontal.jsx DELETED Viewed

@@ -1,64 +0,0 @@
-import React from 'react'
-import barGraphTheme from '../barGraphTheme';
-import Highcharts from "highcharts";
-import HighchartsReact from "highcharts-react-official";
-const chartOptions = {
-    chart: {
-        type: 'bar'
-    },
-    title: {
-        text: 'Historic World Population by Region',
-        align: 'left'
-    },
-    subtitle: {
-        text: 'Source: <a ' +
-            'href="https://en.wikipedia.org/wiki/List_of_continents_and_continental_subregions_by_population"' +
-            'target="_blank">Wikipedia.org</a>',
-        align: 'left'
-    },
-    xAxis: {
-        categories: ['Africa', 'America', 'Asia', 'Europe'],
-        lineWidth: 0
-    },
-    yAxis: {
-        title: {
-            text: '',
-        },
-    },
-    tooltip: {
-        valueSuffix: ' millions'
-    },
-    plotOptions: {
-        bar: {
-            dataLabels: {
-                enabled: true
-            },
-            groupPadding: 0.1
-        }
-    },
-    series: [{
-        name: 'Year 1990',
-        data: [631, 727, 3202, 721]
-    }, {
-        name: 'Year 2000',
-        data: [814, 841, 3714, 726]
-    }, {
-        name: 'Year 2018',
-        data: [1276, 1007, 4561, 746]
-    }],
-}
-const options = Highcharts.merge({}, barGraphTheme, chartOptions)
-const BarGraphHorizontal = () => (
-  <div>
-    <HighchartsReact
-        highcharts={Highcharts}
-        options={options}
-    />
-  </div>
-)
-export default BarGraphHorizontal

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend.html.erb DELETED Viewed

@@ -1,14 +0,0 @@
-<% data = [{
-    name: 'Number of Installations',
-    data: [1475,200,3000,654,656]
-}] %>
-<%= pb_rails("bar_graph", props: {
-    axis_title: 'Number of Employees',
-    chart_data: data,
-    id: "bar-test-2",
-    y_axis_min: 0,
-    x_axis_categories:['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],
-    title: 'Bar Graph with Legend',
-    legend: true,
-}) %>