playbook_ui_docs 14.18.0.pre.alpha.PLAY20787400 → 14.18.0.pre.alpha.play2034zonesandcolors7407

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 14.18.0.pre.alpha.PLAY20787400
+  version: 14.18.0.pre.alpha.play2034zonesandcolors7407
 platform: ruby
 authors:
 - Power UX
@@ -595,10 +595,6 @@ files:
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_react.md
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.jsx
-- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern.jsx
-- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern.md
-- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern_rails.html.erb
-- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern_rails.md
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.md
@@ -737,12 +733,15 @@ files:
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_default.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_default_rails.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_default_react.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.html.erb
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.jsx
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.html.erb
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.jsx
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors_rails.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors_react.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_react.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.html.erb
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.html.erb

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

@@ -1,34 +0,0 @@
-import React from "react";
-import DatePicker from "../_date_picker";
-
-const DatePickerRangePattern = (props) => {
-  return (
-    <>
-      <DatePicker
-          controlsEndId="end-date-picker"
-          controlsStartId="start-date-picker"
-          mode="range"
-          pickerId="quickpick-for-range"
-          placeholder="Select a Range"
-          selectionType="quickpick"
-          {...props}
-      />
-
-      <DatePicker
-          pickerId="start-date-picker"
-          placeholder="Select a Start Date"
-          syncStartWith="quickpick-for-range"
-          {...props}
-      />
-
-      <DatePicker
-          pickerId="end-date-picker"
-          placeholder="Select a End Date"
-          syncEndWith="quickpick-for-range"
-          {...props}
-      />
-    </>
-  );
-};
-
-export default DatePickerRangePattern;

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

@@ -1,14 +0,0 @@
-You can link a Quickpick DatePicker to standard DatePickers using the following props:
-
-**For the Quickpick DatePicker**:
-`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_picker/docs/_date_picker_range_pattern_rails.html.erb

@@ -1,20 +0,0 @@
-<%= 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: "quick-pick-date-range-start",
-  placeholder: "Select a Start Date",
-  sync_start_with:"quick-pick-date-range",
-}) %>
-
-<%= pb_rails("date_picker", props: {
-  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,14 +0,0 @@
-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.
-
-`controls_end_id`: 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**:
-`sync_start_with`: ID of the quickpick this start date is synced to.
-`sync_end_with`: 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.