playbook_ui_docs 15.7.0.pre.alpha.play263313229 → 15.7.0.pre.rc.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7a2f365e4b2b86392fa969ed355ec0138f66eecf12ca3cf371306bffc0e88775
-  data.tar.gz: d34a0a01f52f7e1fe8206a0262a908041aa8ef8da7b72109aa295fc503cf7f63
+  metadata.gz: 86cac1b084d7644b08a83ccc30d77d6e5a072b03f702bc39fbe54fca2375c0ef
+  data.tar.gz: a657791558e817dded0e0ed774d9c8bc1fa9877fc3c0df7c2bda5e675d0c430d
 SHA512:
-  metadata.gz: 827af7eceb1f7dd516a94580bfeed819932bf0e75b290280366ccd922c8fbe00def7cf1253de554aec10792c783df5a8c89cec81b7d4828e8b252b7b5712402b
-  data.tar.gz: 88ef58db0c61415e12447990b29aed9cc5d62c76a13c864cf403d5b6a0a848a29ad39790413d0d121a7ca3756073dff050e38b4883a9c39a98878134c84814fa
+  metadata.gz: 86ea32ba5c989798a00cb54e2ac00b5f8533651b0d63914125f88a11b9955c42bd42183647ead80a3b5669749d340f1ecf9e7f8b3e3894ac27142549c3219fdb
+  data.tar.gz: ee6e185fac0c4b613ac121cfd6dec2b9329f03393281002fc27e45c46fdc097b7aa72da2ad1a34370a13d857dd1d2ad3b37661689187908497a36bc622b7d073

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_background_control_rails.html.erb

@@ -8,26 +8,16 @@
       accessor: "newEnrollments",
       label: "New Enrollments",
       column_styling: { 
-        cell_background_color: "error_subtle",
-        header_background_color: "error_subtle"
+        cell_background_color: ->(row) { row[:newEnrollments].to_i > 20 ? "success_secondary" : "warning_secondary" }
       }
     },
     {
       accessor: "scheduledMeetings",
       label: "Scheduled Meetings",
-      column_styling: { 
-        cell_background_color: "info_subtle",
-      }
     },
     {
       accessor: "attendanceRate",
       label: "Attendance Rate",
-      column_styling: { 
-        cell_background_color: "info",
-        header_background_color: "info",
-        header_font_color: "white",
-        font_color: "white"
-      }
     },
     {
       accessor: "completedClasses",
@@ -36,6 +26,10 @@
     {
       accessor: "classCompletionRate",
       label: "Class Completion Rate",
+      column_styling: { 
+        cell_background_color: "category_1",
+        font_color: "white"
+      }
     },
     {
       accessor: "graduatedStudents",

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

@@ -1,7 +1 @@
-`column_styling` can also be used to control the background color on all cells in a given column. Use the following key/values pairs to achieve this:
-
-1)  `cell_background_color`:  use this to control the background color of all cells in the given column
-2) `font_color`: use this to control font color for all cells in the given column if needed, for example if using a darker background color
-3) `header_background_color`: use this to control the background color of the column header
-4) `header_font_color`: use this to control font color for the header in the given column if needed, for example if using a darker background color.
-
+`column_styling` can also be used to control the background color on all cells in a given column via the use of the `cell_background_color` key/value pair. Use `cell_background_color` to achieve custom background colors for individual cells as seen here. Use `font_color` to achieve better contrast between cell content and background for darker backgrounds.

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

@@ -26,8 +26,7 @@ examples:
   - advanced_table_column_styling_rails: Column Styling
   - advanced_table_column_styling_column_headers_rails: Column Styling with Multiple Headers
   - advanced_table_padding_control_rails: Padding Control using Column Styling
-  - advanced_table_background_control_rails: Column Styling Background Color
-  - advanced_table_background_colors_rails: Column Styling Individual Cell Background Color
+  - advanced_table_background_control_rails: Background Control using Column Styling
   - advanced_table_column_border_color_rails: Column Group Border Color
 
 
@@ -76,8 +75,6 @@ examples:
   - advanced_table_padding_control_per_row: Padding Control using Row Styling
   - advanced_table_column_styling: Column Styling
   - advanced_table_column_styling_column_headers: Column Styling with Multiple Headers
-  - advanced_table_column_styling_background: Column Styling Background Color
-  - advanced_table_column_styling_background_multi: Column Styling Background Color with Multiple Headers
   - advanced_table_padding_control: Padding Control using Column Styling
   - advanced_table_column_border_color: Column Group Border Color
   - advanced_table_fullscreen: Fullscreen

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

@@ -45,6 +45,4 @@ export { default as AdvancedTableWithCustomHeaderMultiHeader } from './_advanced
 export { default as AdvancedTableSortPerColumn } from './_advanced_table_sort_per_column.jsx'
 export { default as AdvancedTableSortPerColumnForMultiColumn } from './_advanced_table_sort_per_column_for_multi_column.jsx'
 export { default as AdvancedTablePaddingControl } from './_advanced_table_padding_control.jsx'
-export { default as AdvancedTablePaddingControlPerRow } from './_advanced_table_padding_control_per_row.jsx'
-export { default as AdvancedTableColumnStylingBackground } from './_advanced_table_column_styling_background.jsx'
-export { default as AdvancedTableColumnStylingBackgroundMulti } from './_advanced_table_column_styling_background_multi.jsx'
+export { default as AdvancedTablePaddingControlPerRow } from './_advanced_table_padding_control_per_row.jsx'

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

@@ -3,13 +3,11 @@ examples:
   rails:
   - contact_default: Default
   - contact_with_detail: Detail Indicator
-  - contact_unstyled: Unstyled
 
 
   react:
   - contact_default: Default
   - contact_with_detail: Detail Indicator
-  - contact_unstyled: Unstyled
 
 
   swift:

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

@@ -1,3 +1,2 @@
 export { default as ContactDefault } from './_contact_default.jsx'
 export { default as ContactWithDetail } from './_contact_with_detail.jsx'
-export { default as ContactUnstyled } from './_contact_unstyled.jsx'

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern_rails.html.erb

@@ -1,29 +1,20 @@
-<%= pb_rails("dropdown", props: {
-  id: "dropdown-quickpick-with-date-pickers-1",
-  label: "Date Range",
-  name: "date_range",
-  margin_bottom: "sm",
-  variant: "quickpick",
-  controls_start_id: "start-date-picker-1",
-  controls_end_id: "end-date-picker-1",
-  start_date_id: "quickpick_start_date_1",
-  start_date_name: "start_date",
-  end_date_id: "quickpick_end_date_1",
-  end_date_name: "end_date"
+<%= pb_rails("date_picker", props: {
+  mode: "range",
+  picker_id: "quick-pick-date-range",
+  placeholder: "Select a Date Range",
+  selection_type: "quickpick",
+  controls_end_id: "quick-pick-date-range-end",
+  controls_start_id: "quick-pick-date-range-start",
 }) %>
 
 <%= pb_rails("date_picker", props: {
-  picker_id: "start-date-picker-1",
-  label: "Start Date",
-  name: "start_date_picker",
-  placeholder: "Select Start Date",
-  sync_start_with: "dropdown-quickpick-with-date-pickers-1"
+  picker_id: "quick-pick-date-range-start",
+  placeholder: "Select a Start Date",
+  sync_start_with:"quick-pick-date-range",
 }) %>
 
 <%= pb_rails("date_picker", props: {
-  picker_id: "end-date-picker-1",
-  label: "End Date",
-  name: "end_date_picker",
-  placeholder: "Select End Date",
-  sync_end_with: "dropdown-quickpick-with-date-pickers-1"
-}) %>
+  picker_id: "quick-pick-date-range-end",
+  placeholder: "Select an End Date",
+  sync_end_with:"quick-pick-date-range",
+}) %>

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

@@ -1,4 +1,4 @@
-You can link a Quickpick Dropdown to standard DatePickers using the following props:
+You can link a Quickpick DatePicker to standard DatePickers using the following props:
 
 **For the Quickpick DatePicker**:
 `controls_start_id`: ID of the DatePicker that should receive the start date.

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

@@ -12,8 +12,6 @@ examples:
   - dialog_full_height_placement: Full Height Placement
   - dialog_loading: Loading
   - dialog_turbo_frames: Within Turbo Frames
-  - dialog_overflow_visible: Overflow Visible
-  - dialog_closeable: Close Button in Header
 
 
   react:
@@ -27,8 +25,6 @@ examples:
   - dialog_full_height: Full Height
   - dialog_full_height_placement: Full Height Placement
   - dialog_loading: Loading
-  - dialog_overflow_visible: Overflow Visible
-  - dialog_closeable: Close Button in Header
 
   swift:
   - dialog_default_swift: Simple

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

@@ -8,6 +8,4 @@ export { default as DialogStatus } from './_dialog_status.jsx'
 export { default as DialogStackedAlert } from './_dialog_stacked_alert.jsx'
 export { default as DialogFullHeight } from './_dialog_full_height.jsx'
 export { default as DialogFullHeightPlacement } from './_dialog_full_height_placement.jsx'
-export { default as DialogLoading } from './_dialog_loading.jsx'
-export { default as DialogOverflowVisible } from './_dialog_overflow_visible.jsx'
-export { default as DialogCloseable } from './_dialog_closeable.jsx'
+export { default as DialogLoading } from './_dialog_loading.jsx'

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

@@ -20,14 +20,12 @@
 
 %>
 
-<%= pb_rails("dropdown", props: {id: "country-dropdown", options: options}) %>
+<%= pb_rails("dropdown", props: {options: options}) %>
 
 <script>
   document.addEventListener("pb:dropdown:selected", (e) => {
-    if (e.target.id === "country-dropdown") {
-      const option   = e.detail;
-      const dropdown = e.target;
-      console.log("Selected option:", option);
-    }
-  });
+    const option   = e.detail;
+    const dropdown = e.target;
+    console.log("Selected option:", option);
+})
 </script>

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

@@ -47,7 +47,7 @@
 %>
 
 
-<%= pb_rails("dropdown", props: {id: "user-dropdown", options: options}) do %>
+<%= pb_rails("dropdown", props: {options: options}) do %>
     <%= pb_rails("dropdown/dropdown_trigger", props: {placeholder: "Select a User", custom_display: custom_display}) %>
     <%= pb_rails("dropdown/dropdown_container") do %>
         <% options.each do |option| %>
@@ -71,8 +71,6 @@
 
 <script>
   document.addEventListener("pb:dropdown:selected", (e) => {
-    if (e.target.id !== "user-dropdown") return;
-    
     const option   = e.detail;
     const dropdown = e.target;
 

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

@@ -22,11 +22,6 @@ examples:
   - dropdown_multi_select_with_default: Multi Select Default Value
   - dropdown_blank_selection: Blank Selection
   - dropdown_separators_hidden: Separators Hidden
-  - 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_with_date_pickers_rails: Quick Pick with Date Pickers
-  - dropdown_quickpick_with_date_pickers_default_rails: Quick Pick with Date Pickers (Default Value)
 
   react:
   - dropdown_default: Default

data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb

@@ -116,7 +116,7 @@
   <%= form.star_rating_field :example_star_rating, props: { variant: "interactive", label: true } %>
   <%= form.time_zone_select_field :example_time_zone_select, ActiveSupport::TimeZone.us_zones, { default: "Eastern Time (US & Canada)" }, props: { label: true } %>
   <%= form.multi_level_select :example_multi_level_select, props: { id: "multi-level-select-form-default", tree_data: treeData, margin_bottom: "sm", label: "Example Multi Level Select field" } %>
-  <%= form.time_picker :example_time_picker, props: { label: true } %>
+
   <%= form.actions do |action| %>
     <%= action.submit %>
     <%= action.button props: { type: "reset", text: "Cancel", variant: "secondary" } %>

data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb

@@ -117,8 +117,7 @@
   <%= form.star_rating_field :example_star_rating_validation, props: { variant: "interactive", label: true, required: true } %>
   <%= form.time_zone_select_field :example_time_zone_select, ActiveSupport::TimeZone.us_zones, { default: "Eastern Time (US & Canada)" }, props: { label: true, blank_selection: "Select a Time Zone...", required: true } %>
   <%= form.multi_level_select :example_multi_level_select, props: { id: "multi-level-select-form", tree_data: treeData, margin_bottom: "sm", required: true, label: "Example Multi Level Select field" } %>
-  <%= form.time_picker :example_time_picker_validation, props: { label: true, required: true, validation_message: "Please select a time." } %>
- 
+
   <%= form.actions do |action| %>
     <%= action.submit %>
     <%= action.button props: { type: "reset", text: "Cancel", variant: "secondary" } %>

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

@@ -4,4 +4,3 @@ examples:
   - form_form_with: Default
   - form_form_with_validate: Default + Validation
   - form_form_with_loading: Default + Loading
-  - form_with_required_indicator: With Optional Required Indicator

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

@@ -40,8 +40,6 @@ examples:
     - table_with_selectable_rows: Table with Selectable Rows
     - table_with_header_style_borderless: Header Style Borderless
     - table_with_header_style_floating: Header Style Floating
-    - table_with_filter_variant_rails: Variant with Filter
-    - table_with_filter_variant_with_pagination_rails: Variant with Filter and Pagination
 
   react:
     - table_sm: Small
@@ -83,5 +81,3 @@ examples:
     - table_with_selectable_rows: Table with Selectable Rows
     - table_with_header_style_borderless: Header Style Borderless
     - table_with_header_style_floating: Header Style Floating
-    - table_with_filter_variant: Variant with Filter
-    - table_with_filter_variant_with_pagination: Variant with Filter and Pagination

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

@@ -38,5 +38,3 @@ export { default as TableWithSelectableRows } from './_table_with_selectable_row
 export { default as TableWithClickableRows } from './_table_with_clickable_rows.jsx'
 export { default as TableWithHeaderStyleBorderless } from './_table_with_header_style_borderless.jsx'
 export { default as TableWithHeaderStyleFloating } from './_table_with_header_style_floating.jsx'
-export { default as TableWithFilterVariant } from './_table_with_filter_variant.jsx'
-export { default as TableWithFilterVariantWithPagination } from './_table_with_filter_variant_with_pagination.jsx'

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

@@ -10,8 +10,6 @@ examples:
   - text_input_options: Input Options
   - text_input_mask: Mask
   - text_input_autocomplete: Autocomplete
-  - text_input_required_indicator: Required Indicator
-
   
   react:
   - text_input_default: Default
@@ -24,7 +22,6 @@ examples:
   - text_input_mask: Mask
   - text_input_sanitize: Sanitized Masked Input
   - text_input_autocomplete: Autocomplete
-  - text_input_required_indicator: Required Indicator
 
 
   swift:

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

@@ -8,4 +8,3 @@ export { default as TextInputNoLabel } from './_text_input_no_label.jsx'
 export { default as TextInputMask } from './_text_input_mask.jsx'
 export { default as TextInputSanitize } from './_text_input_sanitize.jsx'
 export { default as TextInputAutocomplete } from './_text_input_autocomplete.jsx'
-export { default as TextInputRequiredIndicator } from './_text_input_required_indicator.jsx'

data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_date.md

@@ -1 +1 @@
-Use the optional `showDate` prop to render the timeline kit with a visible date. By default, if the date is from the current year, the year will not be displayed; however, if the date is NOT from the current year, the kit will display the year as well.
+Use the optional `showDate` prop to render the timeline kit with a visible date. If the date is from the current year, the year will not be displayed, however if date is NOT from the current year, the kit will display the year as well.

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

@@ -5,7 +5,6 @@ examples:
   - timeline_vertical: Vertical
   - timeline_with_date: With Date
   - timeline_with_children: With Children
-  - timeline_show_current_year: Show Current Year
   - timeline_with_gap: With Gap
 
 
@@ -14,5 +13,4 @@ examples:
   - timeline_vertical: Vertical
   - timeline_with_date: With Date
   - timeline_with_children: With Children
-  - timeline_show_current_year: Show Current Year
   - timeline_with_gap: With Gap

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

@@ -3,5 +3,4 @@ export { default as TimelineVertical } from './_timeline_vertical.jsx'
 export { default as TimelineWithDate } from './_timeline_with_date.jsx'
 export { default as TimelineWithChildren } from './_timeline_with_children.jsx'
 export { default as TimelineWithGap } from './_timeline_with_gap.jsx'
-export { default as TimelineShowCurrentYear } from './_timeline_show_current_year.jsx'
 

metadata

@@ -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.rc.0
 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: 2025-12-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: playbook_ui
@@ -33,8 +33,6 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_background_colors_rails.html.erb
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_background_colors_rails.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_background_control_rails.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_background_control_rails.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.html.erb
@@ -62,10 +60,6 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_vertical_border.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_background.jsx
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_background.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_background_multi.jsx
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_background_multi.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_column_headers.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_column_headers.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_column_headers_rails.html.erb
@@ -534,10 +528,6 @@ files:
 - app/pb_kits/playbook/pb_contact/docs/_contact_default.md
 - app/pb_kits/playbook/pb_contact/docs/_contact_default_swift.md
 - app/pb_kits/playbook/pb_contact/docs/_contact_props_swift.md
-- app/pb_kits/playbook/pb_contact/docs/_contact_unstyled.html.erb
-- app/pb_kits/playbook/pb_contact/docs/_contact_unstyled.jsx
-- app/pb_kits/playbook/pb_contact/docs/_contact_unstyled_rails.md
-- app/pb_kits/playbook/pb_contact/docs/_contact_unstyled_react.md
 - app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.html.erb
 - app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.jsx
 - app/pb_kits/playbook/pb_contact/docs/_contact_with_detail_swift.md
@@ -797,9 +787,6 @@ files:
 - app/pb_kits/playbook/pb_detail/docs/_detail_styled.jsx
 - app/pb_kits/playbook/pb_detail/docs/example.yml
 - app/pb_kits/playbook/pb_detail/docs/index.js
-- app/pb_kits/playbook/pb_dialog/docs/_dialog_closeable.html.erb
-- app/pb_kits/playbook/pb_dialog/docs/_dialog_closeable.jsx
-- app/pb_kits/playbook/pb_dialog/docs/_dialog_closeable.md
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.html.erb
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.jsx
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.md
@@ -816,10 +803,6 @@ files:
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_loading.html.erb
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_loading.jsx
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_loading.md
-- app/pb_kits/playbook/pb_dialog/docs/_dialog_overflow_visible.html.erb
-- app/pb_kits/playbook/pb_dialog/docs/_dialog_overflow_visible.jsx
-- app/pb_kits/playbook/pb_dialog/docs/_dialog_overflow_visible_rails.md
-- app/pb_kits/playbook/pb_dialog/docs/_dialog_overflow_visible_react.md
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_props_swift.md
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.html.erb
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.jsx
@@ -924,21 +907,12 @@ 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_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
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_rails.html.erb
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_rails.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_range_end_rails.html.erb
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_range_end_rails.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_quickpick_with_date_pickers_default_rails.html.erb
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_with_date_pickers_default_rails.md
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_with_date_pickers_rails.html.erb
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_with_date_pickers_rails.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
@@ -1123,8 +1097,6 @@ files:
 - app/pb_kits/playbook/pb_form/docs/_form_form_with_loading.md
 - app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb
 - app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.md
-- app/pb_kits/playbook/pb_form/docs/_form_with_required_indicator.html.erb
-- app/pb_kits/playbook/pb_form/docs/_form_with_required_indicator.md
 - app/pb_kits/playbook/pb_form/docs/example.yml
 - app/pb_kits/playbook/pb_form_group/docs/_form_group_button.html.erb
 - app/pb_kits/playbook/pb_form_group/docs/_form_group_button.jsx
@@ -2335,14 +2307,6 @@ files:
 - 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_filter_variant.jsx
-- app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant.md
-- app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant_rails.html.erb
-- app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant_rails.md
-- app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant_with_pagination.jsx
-- app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant_with_pagination.md
-- app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant_with_pagination_rails.html.erb
-- app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant_with_pagination_rails.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
@@ -2393,9 +2357,6 @@ files:
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_no_label.jsx
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_options.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_props_swift.md
-- app/pb_kits/playbook/pb_text_input/docs/_text_input_required_indicator.html.erb
-- app/pb_kits/playbook/pb_text_input/docs/_text_input_required_indicator.jsx
-- app/pb_kits/playbook/pb_text_input/docs/_text_input_required_indicator.md
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_sanitize.jsx
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_sanitize.md
 - app/pb_kits/playbook/pb_text_input/docs/example.yml
@@ -2439,32 +2400,6 @@ files:
 - app/pb_kits/playbook/pb_time/docs/_time_unstyled.md
 - app/pb_kits/playbook/pb_time/docs/example.yml
 - app/pb_kits/playbook/pb_time/docs/index.js
-- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_24_hour.html.erb
-- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_24_hour.jsx
-- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_24_hour.md
-- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_default.html.erb
-- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_default.jsx
-- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_default.md
-- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_default_time.html.erb
-- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_default_time.jsx
-- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_default_time.md
-- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_disabled.html.erb
-- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_disabled.jsx
-- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_error.html.erb
-- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_error.jsx
-- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_input_options.html.erb
-- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_label.html.erb
-- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_label.jsx
-- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_min_max_time.html.erb
-- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_min_max_time.jsx
-- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_min_max_time.md
-- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_on_handler.jsx
-- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_on_handler.md
-- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_timezone.html.erb
-- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_timezone.jsx
-- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_timezone.md
-- app/pb_kits/playbook/pb_time_picker/docs/example.yml
-- app/pb_kits/playbook/pb_time_picker/docs/index.js
 - app/pb_kits/playbook/pb_time_range_inline/docs/_time_range_inline_default.html.erb
 - app/pb_kits/playbook/pb_time_range_inline/docs/_time_range_inline_default.jsx
 - app/pb_kits/playbook/pb_time_range_inline/docs/example.yml
@@ -2476,9 +2411,6 @@ files:
 - app/pb_kits/playbook/pb_timeline/docs/_description.md
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_default.html.erb
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx
-- app/pb_kits/playbook/pb_timeline/docs/_timeline_show_current_year.html.erb
-- app/pb_kits/playbook/pb_timeline/docs/_timeline_show_current_year.jsx
-- app/pb_kits/playbook/pb_timeline/docs/_timeline_show_current_year.md
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_vertical.html.erb
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_vertical.jsx
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.html.erb

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_background_colors_rails.html.erb

@@ -1,43 +0,0 @@
-<% column_definitions = [
-    {
-      accessor: "year",
-      label: "Year",
-      cellAccessors: ["quarter", "month", "day"],
-    },
-    {
-      accessor: "newEnrollments",
-      label: "New Enrollments",
-      column_styling: { 
-        cell_background_color: ->(row) { row[:newEnrollments].to_i > 20 ? "success_secondary" : "warning_secondary" }
-      }
-    },
-    {
-      accessor: "scheduledMeetings",
-      label: "Scheduled Meetings",
-    },
-    {
-      accessor: "attendanceRate",
-      label: "Attendance Rate",
-    },
-    {
-      accessor: "completedClasses",
-      label: "Completed Classes",
-    },
-    {
-      accessor: "classCompletionRate",
-      label: "Class Completion Rate",
-      column_styling: { 
-        cell_background_color: "category_1",
-        font_color: "white"
-      }
-    },
-    {
-      accessor: "graduatedStudents",
-      label: "Graduated Students",
-    }
-] %>
-
-<%= pb_rails("advanced_table", props: { id: "background-control", table_data: @table_data, column_definitions: column_definitions }) do %>
-  <%= pb_rails("advanced_table/table_header", props: { table_id: "background-control", column_definitions: column_definitions }) %>
-  <%= pb_rails("advanced_table/table_body", props: { table_id: "background-control", table_data: @table_data, column_definitions: column_definitions }) %>
-<% end %>

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

@@ -1 +0,0 @@
-`column_styling` can also be used to control the background color on individual cells in a given column as shown here. 

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_background.jsx

@@ -1,54 +0,0 @@
-import React from "react"
-import AdvancedTable from '../_advanced_table'
-import colors from '../../tokens/exports/_colors.module.scss'
-import MOCK_DATA from "./advanced_table_mock_data.json"
-
-
-const AdvancedTableColumnStylingBackground = (props) => {
-  const columnDefinitions = [
-    {
-      accessor: "year",
-      label: "Year",
-      cellAccessors: ["quarter", "month", "day"],
-    },
-    {
-      accessor: "newEnrollments",
-      label: "New Enrollments",
-      columnStyling:{cellBackgroundColor: colors.error_subtle, headerBackgroundColor: colors.error_subtle},
-    },
-    {
-      accessor: "scheduledMeetings",
-      label: "Scheduled Meetings",
-      columnStyling:{cellBackgroundColor: colors.info_subtle},
-    },
-    {
-      accessor: "attendanceRate",
-      label: "Attendance Rate",
-      columnStyling:{cellBackgroundColor: colors.info, headerBackgroundColor: colors.info, fontColor: colors.white, headerFontColor: colors.white},
-    },
-    {
-      accessor: "completedClasses",
-      label: "Completed Classes",
-    },
-    {
-      accessor: "classCompletionRate",
-      label: "Class Completion Rate",
-    },
-    {
-      accessor: "graduatedStudents",
-      label: "Graduated Students",
-    },
-  ]
-
-  return (
-    <div>
-      <AdvancedTable
-          columnDefinitions={columnDefinitions}
-          tableData={MOCK_DATA}
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default AdvancedTableColumnStylingBackground

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

@@ -1,9 +0,0 @@
-The `columnStyling` prop can also be used to set background color for entire columns.As stated above, `columnStyling` is an object that has several optional key/value pairs, here are the options highlighted in this doc:
-
-1) `cellBackgroundColor`: use this to control the background color of all cells in the given column
-2) `headerBackgroundColor`: use this to control the background color of the column header
-3) `fontColor`: use this to control font color for all cells in the given column if needed, for example if using a darker background color.
-4) `headerFontColor`: use this to control font color for the header in the given column if needed, for example if using a darker background color.
-
-
-