playbook_ui_docs 15.4.0.pre.alpha.testingseparation12395 → 15.4.0.pre.rc.0

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 15.4.0.pre.alpha.testingseparation12395
+  version: 15.4.0.pre.rc.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-11-14 00:00:00.000000000 Z
+date: 2025-10-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: playbook_ui
@@ -171,8 +171,6 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_multi_header.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_multi_header.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_multi_header_rails.html.erb
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_multi_header_rails.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_rails.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_with_custom_header_rails.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
@@ -546,7 +544,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
@@ -555,15 +552,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
@@ -577,7 +569,6 @@ files:
 - app/pb_kits/playbook/pb_currency/docs/_currency_unstyled.md
 - app/pb_kits/playbook/pb_currency/docs/_currency_variants.html.erb
 - app/pb_kits/playbook/pb_currency/docs/_currency_variants.jsx
-- app/pb_kits/playbook/pb_currency/docs/_currency_variants.md
 - app/pb_kits/playbook/pb_currency/docs/_description.md
 - app/pb_kits/playbook/pb_currency/docs/example.yml
 - app/pb_kits/playbook/pb_currency/docs/index.js
@@ -613,8 +604,6 @@ files:
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.md
-- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_and_dropdown_range.jsx
-- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_and_dropdown_range.md
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_anti_patterns.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.jsx
@@ -702,9 +691,6 @@ files:
 - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default.jsx
 - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default_swift.md
 - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_props_swift.md
-- app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.html.erb
-- app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.jsx
-- app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.md
 - app/pb_kits/playbook/pb_date_range_inline/docs/_description.md
 - app/pb_kits/playbook/pb_date_range_inline/docs/example.yml
 - app/pb_kits/playbook/pb_date_range_inline/docs/index.js
@@ -719,12 +705,11 @@ files:
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold.html.erb
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold.jsx
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold_swift.md
-- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.html.erb
-- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.jsx
-- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.md
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.html.erb
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.jsx
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default_swift.md
+- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.html.erb
+- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.jsx
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year_swift.md
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_props_swift.md
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_reverse.html.erb
@@ -891,14 +876,6 @@ files:
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_custom_options.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_default.html.erb
 - 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_default_dates.jsx
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_default_dates.md
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_range_end.jsx
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_range_end.md
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_with_date_pickers.jsx
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_with_date_pickers.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_separators_hidden.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_separators_hidden.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
@@ -1557,9 +1534,6 @@ files:
 - app/pb_kits/playbook/pb_nav/docs/_description.md
 - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.html.erb
 - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.jsx
-- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.html.erb
-- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.jsx
-- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.md
 - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.html.erb
 - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.jsx
 - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.md
@@ -1592,9 +1566,6 @@ files:
 - app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
 - app/pb_kits/playbook/pb_nav/docs/_tab_nav.html.erb
 - app/pb_kits/playbook/pb_nav/docs/_tab_nav.md
-- app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.html.erb
-- app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.jsx
-- app/pb_kits/playbook/pb_nav/docs/_vertical_nav_disabled.md
 - app/pb_kits/playbook/pb_nav/docs/_with_icons_nav.html.erb
 - app/pb_kits/playbook/pb_nav/docs/_with_icons_nav.jsx
 - app/pb_kits/playbook/pb_nav/docs/_with_img_nav.html.erb
@@ -1682,7 +1653,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
@@ -1693,7 +1663,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
@@ -1723,7 +1692,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
@@ -1742,7 +1710,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
@@ -1769,7 +1736,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
@@ -1854,9 +1820,7 @@ files:
 - app/pb_kits/playbook/pb_popover/docs/_popover_actionable_content.html.erb
 - app/pb_kits/playbook/pb_popover/docs/_popover_actionable_content.jsx
 - app/pb_kits/playbook/pb_popover/docs/_popover_append_to.html.erb
-- app/pb_kits/playbook/pb_popover/docs/_popover_append_to.jsx
-- app/pb_kits/playbook/pb_popover/docs/_popover_append_to_rails.md
-- app/pb_kits/playbook/pb_popover/docs/_popover_append_to_react.md
+- app/pb_kits/playbook/pb_popover/docs/_popover_append_to.md
 - app/pb_kits/playbook/pb_popover/docs/_popover_close.html.erb
 - app/pb_kits/playbook/pb_popover/docs/_popover_close.jsx
 - app/pb_kits/playbook/pb_popover/docs/_popover_default.html.erb
@@ -2276,10 +2240,6 @@ files:
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.md
-- app/pb_kits/playbook/pb_table/docs/_table_with_dynamic_collapsible.html.erb
-- app/pb_kits/playbook/pb_table/docs/_table_with_dynamic_collapsible.jsx
-- app/pb_kits/playbook/pb_table/docs/_table_with_dynamic_collapsible_rails.md
-- app/pb_kits/playbook/pb_table/docs/_table_with_dynamic_collapsible_react.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless_rails.md
@@ -2535,9 +2495,6 @@ files:
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_async_createable.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_createable.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_menu_list.jsx
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_options.html.erb
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_options.jsx
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_options.md
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default_options.html.erb
@@ -2641,6 +2598,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_advanced_table/docs/_advanced_table_with_custom_header_multi_header_rails.html.erb

@@ -1,104 +0,0 @@
-<%
-  column_definitions = [
-    {
-      accessor: "year",
-      label: "Year",
-      id: "year",
-      cellAccessors: ["quarter", "month", "day"],
-    },
-    {
-      label: "Enrollment Data",
-      id: "enrollmentData",
-      header: ->(cell, label) {
-        capture do
-          pb_rails("flex", props: { align_items: "center", justify_content: "center" }) do
-            pb_rails("caption", props: { margin_right: "xs", text: "Enrollment Data" }) +
-            pb_rails("icon", props: { id: "tooltip-interact-multi", icon: "info", size: "xs", cursor: "pointer" }) +
-            pb_rails("tooltip", props: {
-              trigger_element_id: "tooltip-interact-multi",
-              tooltip_id: "example-custom-tooltip-multi",
-              position: "top",
-              z_index: "10"
-            }) do
-              "Whoa. I'm a Tooltip"
-            end
-          end
-        end
-      },
-      columns: [
-        {
-          label: "Enrollment Stats",
-          id: "enrollmentStats",
-          columns: [
-            {
-              accessor: "newEnrollments",
-              id: "newEnrollments",
-              label: "New Enrollments",
-            },
-            {
-              accessor: "scheduledMeetings",
-              id: "scheduledMeetings",
-              label: "Scheduled Meetings",
-            },
-          ],
-        },
-      ],
-    },
-    {
-      label: "Performance Data",
-      id: "performanceData",
-      columns: [
-        {
-          label: "Completion Metrics",
-          id: "completionMetrics",
-          columns: [
-            {
-              accessor: "completedClasses",
-              id: "completedClasses",
-              label: "Completed Classes",
-            },
-            {
-              accessor: "classCompletionRate",
-              id: "classCompletionRate",
-              label: "Class Completion Rate",
-            },
-          ],
-        },
-        {
-          label: "Attendance",
-          id: "attendance",
-          header: ->(cell, label) {
-            capture do
-              pb_rails("flex", props: { align_items: "center", justify_content: "center" }) do
-                pb_rails("caption", props: { margin_right: "xs", text: "Attendance" }) +
-                pb_rails("icon", props: { id: "tooltip-interact-multi-2", icon: "info", size: "xs", cursor: "pointer" }) +
-                pb_rails("tooltip", props: {
-                  trigger_element_id: "tooltip-interact-multi-2",
-                  tooltip_id: "example-custom-tooltip-multi-2",
-                  position: "top",
-                  z_index: "10"
-                }) do
-                  "Whoa. I'm a Tooltip Too!"
-                end
-              end
-            end
-          },
-          columns: [
-            {
-              accessor: "attendanceRate",
-              id: "attendanceRate",
-              label: "Attendance Rate",
-            },
-            {
-              accessor: "scheduledMeetings",
-              id: "scheduledMeetings",
-              label: "Scheduled Meetings",
-            },
-          ],
-        },
-      ],
-    },
-  ]
-%>
-
-<%= pb_rails("advanced_table", props: { id: "custom_header_multi_header_table", table_data: @table_data, column_definitions: column_definitions }) %>

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

@@ -1 +0,0 @@
-The optional `header` item within `column_definitions` can also be used with multi headers as seen here. 

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_currency/docs/_currency_variants.md

@@ -1 +0,0 @@
-**NOTE:** The value passed into the `amount` prop can be either a string or numeric value.

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_and_dropdown_range.jsx

@@ -1,38 +0,0 @@
-import React from "react";
-import Dropdown from "../../pb_dropdown/_dropdown";
-import DatePicker from "../../pb_date_picker/_date_picker";
-
-const DatePickerAndDropdownRange = (props) => {
-  return (
-    <>
-      <Dropdown
-          controlsEndId="end-date-picker1"
-          controlsStartId="start-date-picker1"
-          id="dropdown-as-quickpick"
-          label="Date Range"
-          marginBottom="sm"
-          placeholder="Select a Date Range"
-          variant="quickpick"
-          {...props}
-      /> 
-
-      <DatePicker
-          label="Start Date"
-          pickerId="start-date-picker1"
-          placeholder="Select a Start Date"
-          syncStartWith="dropdown-as-quickpick"
-          {...props}
-      />
-
-      <DatePicker
-          label="End Date"
-          pickerId="end-date-picker1"
-          placeholder="Select an End Date"
-          syncEndWith="dropdown-as-quickpick"
-          {...props}
-      />
-    </>
-  );
-};
-
-export default DatePickerAndDropdownRange;

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_and_dropdown_range.md

@@ -1,14 +0,0 @@
-You can link a Dropdown (`quickpick` variant) to standard DatePickers using the following props:
-
-**For the Dropdown**:
-`controlsStartId`: ID of the DatePicker that should receive the start date.
-
-`controlsEndId`: ID of the DatePicker that should receive the end date.
-
-When a quickpick option like “This Year” is selected, it automatically populates the linked start and end inputs.
-
-**For the Start/End DatePickers**:
-`syncStartWith`: ID of the quickpick this start date is synced to.
-`syncEndWith`: ID of the quickpick this end date is synced to.
-
-When a user manually edits the start or end date, it clears the selected quickpick to prevent conflicting values.

data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.html.erb

@@ -1,4 +0,0 @@
-<%= pb_rails("date_range_inline", props: { start_date: Date.new(Date.current.year, 10, 31), end_date: Date.new(Date.current.year, 12, 7), size: "xs", show_current_year: true }) %>
-<%= pb_rails("date_range_inline", props: { start_date: Date.new(Date.current.year, 10, 31), end_date: Date.new(Date.current.year, 12, 7), show_current_year: true }) %>
-<%= pb_rails("date_range_inline", props: { start_date: Date.new(Date.current.year, 10, 31), end_date: Date.new(Date.current.year, 12, 7), align: "center", icon: true, size: "xs", show_current_year: true }) %>
-<%= pb_rails("date_range_inline", props: { start_date: Date.new(Date.current.year, 10, 31), end_date: Date.new(Date.current.year, 12, 7), align: "center", icon: true, show_current_year: true }) %>

data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.jsx

@@ -1,43 +0,0 @@
-import React from 'react'
-import DateRangeInline from '../_date_range_inline'
-
-const DateRangeInlineShowCurrentYear = (props) => {
-  return (
-    <div>
-      <DateRangeInline
-          endDate={new Date(`7 Dec ${new Date().getFullYear()}`)}
-          showCurrentYear
-          size="xs"
-          startDate={new Date(`31 Oct ${new Date().getFullYear()}`)}
-          {...props}
-      />
-      <DateRangeInline
-          endDate={new Date(`7 Dec ${new Date().getFullYear()}`)}
-          showCurrentYear
-          size="sm"
-          startDate={new Date(`31 Oct ${new Date().getFullYear()}`)}
-          {...props}
-      />
-      <DateRangeInline
-          align="center"
-          endDate={new Date(`7 Dec ${new Date().getFullYear()}`)}
-          icon
-          showCurrentYear
-          size="xs"
-          startDate={new Date(`31 Oct ${new Date().getFullYear()}`)}
-          {...props}
-      />
-      <DateRangeInline
-          align="center"
-          endDate={new Date(`7 Dec ${new Date().getFullYear()}`)}
-          icon
-          showCurrentYear
-          size="sm"
-          startDate={new Date(`31 Oct ${new Date().getFullYear()}`)}
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default DateRangeInlineShowCurrentYear

data/app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_show_current_year.md

@@ -1 +0,0 @@
-By default, the Date Range Inline 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_date_stacked/docs/_date_stacked_current_year.html.erb

@@ -1,12 +0,0 @@
-<%= pb_rails("date_stacked", props: {
-  date: DateTime.now,
-  show_current_year: true
-}) %>
-
-<br>
-
-<%= pb_rails("date_stacked", props: {
-  date: DateTime.now,
-  show_current_year: true,
-  size: "md"
-}) %>

data/app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_current_year.md

@@ -1 +0,0 @@
-By default, the Date 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_dropdown/docs/_dropdown_quickpick.jsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import Dropdown from '../../pb_dropdown/_dropdown'
-
-const DropdownQuickpick = (props) => {
-
-  return (
-    <div>
-      <Dropdown
-          label="Date Range"
-          onSelect={(selectedItem) => console.log(selectedItem)}
-          variant="quickpick"
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default DropdownQuickpick

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

@@ -1,4 +0,0 @@
-The QuickPick variant provides predefined date based options when `variant="quickpick"` is used. 
-
-Open the Dropdown above to see the default options.
-

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

@@ -1,18 +0,0 @@
-import React from 'react'
-import Dropdown from '../../pb_dropdown/_dropdown'
-
-const DropdownQuickpickDefaultDates = (props) => {
-
-  return (
-    <div>
-      <Dropdown
-          defaultValue="This Year"
-          label="Date Range"
-          variant="quickpick"
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default DropdownQuickpickDefaultDates

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

@@ -1 +0,0 @@
-To set a default value for the Dropdown, you can use the label of the range you want set as default, for example "This Year", "Today", etc. 

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

@@ -1,19 +0,0 @@
-import React from 'react'
-import Dropdown from '../../pb_dropdown/_dropdown'
-
-const DropdownQuickpickRangeEnd = (props) => {
-
-  return (
-    <div>
-      <Dropdown
-          label="Date Range"
-          onSelect={(selectedItem) => console.log(selectedItem)}
-          rangeEndsToday
-          variant="quickpick"
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default DropdownQuickpickRangeEnd

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

@@ -1 +0,0 @@
-The optional `rangeEndsToday` prop can be used with the quickpick variant to set end date on all ranges that start with 'this' to today's date. For instance, by default 'This Year' will set end day to 12/31/(current year), but if `rangeEndsToday` prop is used, end date on that range will be today's date.

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

@@ -1,38 +0,0 @@
-import React from "react";
-import Dropdown from "../../pb_dropdown/_dropdown";
-import DatePicker from "../../pb_date_picker/_date_picker";
-
-const DropdownQuickpickWithDatePickers = (props) => {
-  return (
-    <>
-      <Dropdown
-          controlsEndId="end-date-picker"
-          controlsStartId="start-date-picker"
-          id="dropdown-quickpick"
-          label="Range"
-          marginBottom="sm"
-          placeholder="Select a Date Range"
-          variant="quickpick"
-          {...props}
-      /> 
-
-      <DatePicker
-          label="Start Date"
-          pickerId="start-date-picker"
-          placeholder="Select a Start Date"
-          syncStartWith="dropdown-quickpick"
-          {...props}
-      />
-
-      <DatePicker
-          label="End Date"
-          pickerId="end-date-picker"
-          placeholder="Select an End Date"
-          syncEndWith="dropdown-quickpick"
-          {...props}
-      />
-    </>
-  );
-};
-
-export default DropdownQuickpickWithDatePickers;

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

@@ -1,14 +0,0 @@
-You can link a Dropdown (`quickpick` variant) to standard DatePickers using the following props:
-
-**For the Dropdown**:
-`controlsStartId`: ID of the DatePicker that should receive the start date.
-
-`controlsEndId`: ID of the DatePicker that should receive the end date.
-
-When a quickpick option like “This Year” is selected, it automatically populates the linked start and end inputs.
-
-**For the Start/End DatePickers**:
-`syncStartWith`: ID of the quickpick this start date is synced to.
-`syncEndWith`: ID of the quickpick this end date is synced to.
-
-When a user manually edits the start or end date, it clears the selected quickpick to prevent conflicting values.

data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_disabled.html.erb

@@ -1,21 +0,0 @@
-<%= pb_rails("caption", props: { margin_bottom: "sm", text: "Default Variant" }) %>
-<%= pb_rails("nav", props: { orientation: "horizontal" }) do %>
-  <%= pb_rails("nav/item", props: { text: "About", link: "#" }) %>
-  <%= pb_rails("nav/item", props: { text: "Case Studies", link: "#", active: true }) %>
-  <%= pb_rails("nav/item", props: { text: "Service ", link: "#", disabled: true }) %>
-  <%= pb_rails("nav/item", props: { text: "Contacts", link: "#" }) %>
-<% end %>
-<%= pb_rails("caption", props: { margin_bottom: "sm", margin_top:"lg", text: "Subtle Variant" }) %>
-<%= pb_rails("nav", props: { orientation: "horizontal", variant: "subtle" }) do %>
-  <%= pb_rails("nav/item", props: { text: "About", link: "#" }) %>
-  <%= pb_rails("nav/item", props: { text: "Case Studies", link: "#", active: true }) %>
-  <%= pb_rails("nav/item", props: { text: "Service ", link: "#", disabled: true }) %>
-  <%= pb_rails("nav/item", props: { text: "Contacts", link: "#" }) %>
-<% end %>
-<%= pb_rails("caption", props: { margin_bottom: "sm", margin_top:"lg", text: "Bold Variant" }) %>
-<%= pb_rails("nav", props: { orientation: "horizontal", variant: "bold" }) do %>
-  <%= pb_rails("nav/item", props: { text: "About", link: "#" }) %>
-  <%= pb_rails("nav/item", props: { text: "Case Studies", link: "#", active: true }) %>
-  <%= pb_rails("nav/item", props: { text: "Service ", link: "#", disabled: true }) %>
-  <%= pb_rails("nav/item", props: { text: "Contacts", link: "#" }) %>
-<% end %>