playbook_ui_docs 16.1.0.pre.alpha.ghostcrewfileuploadtext14338 → 16.1.0.pre.alpha.play2708fixmaxdisplayeduserprop14270

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d96eabd3e0319a2ff7c2f27e5f51768c025e1092dbe4bbf584a3e7f0f5ff1df4
-  data.tar.gz: 5e639b698fbcf2a21ba99011d07444fcb0973cbd5d31c7feee4b367e15f784de
+  metadata.gz: b44d1d184aad40c52b0f91004898044fccd1ae90d81b046c32c7905e0b4d2386
+  data.tar.gz: 3fde61e9017bd10e33c2e222b546624270b6c373888ccfb8fe365b49318ca8cb
 SHA512:
-  metadata.gz: 6a3a88183b4de3f1185e25fa4532f6a233ec4bc4cbf89ae0b2306cdd95b3f9c8cb0c618e6f956d2452a4ef86a86cb0c5127ba429ae8adfb7aa529c11b236f64b
-  data.tar.gz: 12e2878e42a568575714e5a69b0f429edef0a4cfc6ad7c3e7c0d3c2d1c126253db11776724763c35ee4babe7dc0392623c8a974a21e5f7650018b28dcfdc0d5a
+  metadata.gz: 3535426edd132589740a177b374975f04573e8c370bb16096bb7ed7ae409a880af9ae995dc9cc6451e85e0c16fd52cae31d822c2d8e6e00d0cd0e22a4f6cdb2f
+  data.tar.gz: 9f78a03db214a1a06e809956167890941f21f4c1fff1b0eea51d92c2d4cb2612e439a15a92aa6096a607585b8f0ffa739a8c8b8653ad3e6421d4aa949998bf2d

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

@@ -13,7 +13,6 @@ examples:
   - button_form: Button Form Attribute
   - button_managed_disabled: Button Toggle Disabled State
   - button_managed_disabled_helper: Button Toggle Disabled State Helper
-  - button_icon_variant: Icon Button Variant
   
   react:
   - button_default: Button Variants
@@ -28,7 +27,6 @@ examples:
   - button_size: Button Size
   - button_form: Button Form Attribute
   - button_hover: Button Hover
-  - button_icon_variant: Icon Button Variant
 
   swift:
   - button_default_swift: Button Variants

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

@@ -4,7 +4,6 @@ export { default as ButtonLink } from './_button_link.jsx'
 export { default as ButtonLoading } from './_button_loading.jsx'
 export { default as ButtonBlockContent } from './_button_block_content.jsx'
 export { default as ButtonIconOptions } from './_button_icon_options.jsx'
-export { default as ButtonIconVariant } from './_button_icon_variant.jsx'
 export { default as ButtonAccessibility } from './_button_accessibility.jsx'
 export { default as ButtonOptions } from './_button_options.jsx'
 export { default as ButtonSize } from './_button_size.jsx'

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

@@ -31,7 +31,6 @@ examples:
   - date_picker_time: Time Selection
   - date_picker_positions: Custom Positions
   - date_picker_positions_element: Custom Position (based on element)
-  - date_picker_required_indicator: Required Indicator
   - date_picker_turbo_frames: Within Turbo Frames
 
   react:
@@ -65,4 +64,3 @@ examples:
   - date_picker_time: Time Selection
   - date_picker_positions: Custom Positions
   - date_picker_positions_element: Custom Position (based on element)
-  - date_picker_required_indicator: Required Indicator

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

@@ -27,5 +27,4 @@ export { default as DatePickerQuickPickCustom } from './_date_picker_quick_pick_
 export { default as DatePickerQuickPickCustomOverride } from './_date_picker_quick_pick_custom_override'
 export { default as DatePickerQuickPickDefaultDate } from './_date_picker_quick_pick_default_date'
 export { default as DatePickerRangePattern } from './_date_picker_range_pattern'
-export { default as DatePickerAndDropdownRange } from './_date_picker_and_dropdown_range.jsx'
-export { default as DatePickerRequiredIndicator } from "./_date_picker_required_indicator.jsx";
+export { default as DatePickerAndDropdownRange } from './_date_picker_and_dropdown_range.jsx'

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

@@ -31,7 +31,6 @@ examples:
   - dropdown_quickpick_custom_rails: Quick Pick Variant (Custom Quick Pick 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)
-  - dropdown_required_indicator: Required Indicator
 
   react:
   - dropdown_default: Default
@@ -67,4 +66,5 @@ examples:
   - dropdown_quickpick_default_dates: Quick Pick Variant (Default Dates)
   - dropdown_quickpick_custom: Quick Pick Variant (Custom Quick Pick Dates)
   - dropdown_quickpick_with_date_pickers: Quick Pick Variant with Date Pickers
-  - dropdown_required_indicator: Required Indicator
+
+

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

@@ -30,5 +30,4 @@ export { default as DropdownQuickpickDefaultDates } from './_dropdown_quickpick_
 export { default as DropdownQuickpickWithDatePickers } from './_dropdown_quickpick_with_date_pickers.jsx'
 export { default as DropdownQuickpickCustom } from './_dropdown_quickpick_custom.jsx'
 export { default as DropdownWithClearable } from './_dropdown_with_clearable.jsx'
-export { default as DropdownWithConstrainHeight } from './_dropdown_with_constrain_height.jsx'
-export { default as DropdownRequiredIndicator } from "./_dropdown_required_indicator.jsx";
+export { default as DropdownWithConstrainHeight } from './_dropdown_with_constrain_height.jsx'

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

@@ -1,135 +1,3 @@
-<% tree_data = [
-  {
-    label: "HQ",
-    value: "hQ",
-    id: "hq",
-  },
-  {
-    label: "Philadelphia",
-    value: "philadelphia",
-    id: "phl",
-    children: [
-      {
-        label: "Marketing & Sales PHL",
-        value: "marketingAndSalesPhl",
-        id: "marketingPHL",
-      },
-      {
-        label: "Installation Office PHL",
-        value: "installationOfficePhl",
-        id: "installationPHL",
-      },
-      {
-        label: "Warehouse PHL",
-        value: "warehousePhl",
-        id: "warehousePHL",
-      },
-    ]
-  },
-  {
-    label: "New Jersey",
-    value: "newJersey",
-    id: "nj",
-    children: [
-      {
-        label: "New Jersey",
-        value: "newJersey",
-        id: "nj1",
-        children: [
-          {
-            label: "Marketing & Sales NJ",
-            value: "marketingAndSalesNj",
-            id: "marketingNJ",
-          },
-          {
-            label: "Installation Office NJ",
-            value: "installationOfficeNj",
-            id: "installationNJ",
-          },
-          {
-            label: "Warehouse NJ",
-            value: "warehouseNj",
-            id: "warehouseNJ",
-          },
-        ],
-      },
-      {
-        label: "Princeton",
-        value: "princeton",
-        id: "princeton",
-        children: [
-          {
-            label: "Marketing & Sales Princeton",
-            value: "marketingAndSalesPrinceton",
-            id: "marketingPR",
-          },
-          {
-            label: "Installation Office Princeton",
-            value: "installationOfficePrinceton",
-            id: "installationPR",
-          },
-          {
-            label: "Warehouse Princeton",
-            value: "warehousePrinceton",
-            id: "warehousePR",
-          },
-        ]
-      },
-    ]
-  },
-  {
-    label: "Maryland",
-    value: "maryland",
-    id: "MD",
-    children: [
-      {
-        label: "Marketing & Sales MD",
-        value: "marketingAndSalesMd",
-        id: "marketingMD",
-      },
-      {
-        label: "Installation Office MD",
-        value: "installationOfficeMd",
-        id: "installationMD",
-      },
-      {
-        label: "Warehouse MD",
-        value: "warehouseMd",
-        id: "warehouseMD",
-      },
-    ]
-  },
-  {
-    label: "Connecticut",
-    value: "connecticut",
-    id: "CT",
-    children: [
-      {
-        label: "Marketing & Sales CT",
-        value: "marketingAndSalesCt",
-        id: "marketingCT",
-      },
-      {
-        label: "Installation Office CT",
-        value: "installationOfficeCt",
-        id: "installationCT",
-      },
-      {
-        label: "Warehouse CT",
-        value: "warehouseCt",
-        id: "warehouseCT",
-      },
-    ]
-  },
-]; %>
-<%
-  example_dropdown_options = [
-    { label: 'United States', value: 'United States', id: 'us' },
-    { label: 'Canada', value: 'Canada', id: 'ca' },
-    { label: 'Pakistan', value: 'Pakistan', id: 'pk' }
-  ]
-%>
-
 <%= pb_form_with(scope: :example, url: "", method: :get, validate: true) do |form| %>
   <%= form.typeahead :example_typeahead_field, props: { label: true, required: true, required_indicator: true } %>
   <%= form.text_field :example_text_field, props: { label: true, required: true, required_indicator: true } %>
@@ -142,28 +10,8 @@
   <%= form.url_field :example_url_field, props: { label: true, required: true, required_indicator: true } %>
   <%= form.text_area :example_text_area, props: { label: true, required: true, required_indicator: true } %>
   <%= form.text_area :example_text_area_2, props: { label: "Textarea Custom Label", required: true, required_indicator: true } %>
-  <%# form.check_box :example_checkbox, props: { label: true, text: "Checkbox Label", required: true, required_indicator: true } %>
+  <%# <%= form.check_box :example_checkbox, props: { label: true, text: "Checkbox Label", required: true, required_indicator: true } %>
   <%= form.time_picker :example_time_picker_required_indicator, props: { label: true, required: true, required_indicator: true } %>
-  <%= form.date_picker :example_date_picker_required_indicator, props: { label: true, required: true, required_indicator: true } %>
-  <%= form.date_picker :example_date_picker_required_indicator_custom, props: { label: "Custom Date Picker Label", required: true, required_indicator: true } %>
-  <%= form.select :example_select_required_indicator, [["Yes", 1], ["No", 2]], props: { label: true, required: true, required_indicator: true } %>
-  <%= form.select :example_select_required_indicator_2, [["Yes", 1], ["No", 2]], props: { label: "Example Select Field", required: true, required_indicator: true } %>
-  <%= form.multi_level_select :example_multi_level_select_required_indicator, props: {
-    label: true,
-    margin_y: 'sm',
-    required: true,
-    required_indicator: true,
-    tree_data: tree_data
-  } %>
-  <%= form.multi_level_select :example_multi_level_select_required_indicator_custom, props: {
-    label: "Custom Multi Level Select Label",
-    margin_y: 'sm',
-    required: true,
-    required_indicator: true,
-    tree_data: tree_data
-  } %>
-  <%= form.dropdown_field :example_dropdown, props: { label: true, options: example_dropdown_options, required: true, required_indicator: true } %>
-  <%= form.dropdown_field :example_dropdown_2, props: { label: "Dropdown Custom Label", options: example_dropdown_options, required: true, required_indicator: true } %>
 
   <%= form.actions do |action| %>
     <%= action.submit %>

data/app/pb_kits/playbook/pb_form_group/docs/_form_group_button.html.erb

@@ -1,6 +1,6 @@
 <div>
   <%= pb_rails("form_group") do %>
-    <%= pb_rails("text_input", props: { label: "with label", placeholder: "Search", id: "search-with-label" }) %>
+    <%= pb_rails("text_input", props: { label: "with label", placeholder: "Search" }) %>
     <%= pb_rails("button", props: { text: "Submit", variant: "secondary" }) %>
   <% end %>
   <br/>

data/app/pb_kits/playbook/pb_form_group/docs/_form_group_button.jsx

@@ -9,7 +9,6 @@ const FormGroupButton = (props) => (
     <div>
       <FormGroup>
         <TextInput
-            id="search-with-label"
             label="With Label"
             placeholder="Search"
             {...props}

data/app/pb_kits/playbook/pb_form_group/docs/_form_group_date_picker.html.erb

@@ -1,6 +1,6 @@
 <div>
   <%= pb_rails("form_group") do %>
-    <%= pb_rails("text_input", props: { label: "Event", placeholder: "Event Name", id: "event-name" }) %>
+    <%= pb_rails("text_input", props: { label: "Event", placeholder: "Event Name" }) %>
     <%= pb_rails("date_picker", props: { label: "Event Date", picker_id: "date-picker-default" }) %>
   <% end %>
 </div>

data/app/pb_kits/playbook/pb_form_group/docs/_form_group_date_picker.jsx

@@ -9,7 +9,6 @@ const FormGroupDatePicker = (props) => (
   <div>
     <FormGroup>
       <TextInput
-          id="event-name"
           label="Event"
           placeholder="Event Name"
           {...props}

data/app/pb_kits/playbook/pb_form_group/docs/_form_group_default.html.erb

@@ -1,7 +1,7 @@
 <div>
   <%= pb_rails("form_group") do %>
-    <%= pb_rails("text_input", props: { label: "First Name", placeholder: "Enter First Name", id: "first-name" }) %>
-    <%= pb_rails("text_input", props: { label: "Middle Initial", placeholder: "Enter Middle Initial", id: "middle-initial" }) %>
-    <%= pb_rails("text_input", props: { label: "Last Name", placeholder: "Enter Last Name", id: "last-name" }) %>
+    <%= pb_rails("text_input", props: { label: "First Name", placeholder: "Enter First Name" }) %>
+    <%= pb_rails("text_input", props: { label: "Middle Intial", placeholder: "Enter Middle Initial" }) %>
+    <%= pb_rails("text_input", props: { label: "Last Name", placeholder: "Enter Last Name" }) %>
   <% end %>
 </div>

data/app/pb_kits/playbook/pb_form_group/docs/_form_group_default.jsx

@@ -7,19 +7,16 @@ const FormGroupDefault = (props) => (
   <div>
     <FormGroup>
       <TextInput
-          id="first-name"
           label="First Name"
           placeholder="Enter First Name"
           {...props}
       />
       <TextInput
-          id="middle-initial"
-          label="Middle Initial"
+          label="Middle Intial"
           placeholder="Enter Middle Initial"
           {...props}
       />
       <TextInput
-          id="last-name"
           label="Last Name"
           placeholder="Enter Last Name"
           {...props}

data/app/pb_kits/playbook/pb_form_group/docs/_form_group_full_width.html.erb

@@ -1,8 +1,8 @@
 <div>
   <%= pb_rails("form_group", props: { full_width: true }) do %>
-    <%= pb_rails("text_input", props: { label: "First Name", placeholder: "Enter First Name", id: "first-name-full-width" }) %>
-    <%= pb_rails("text_input", props: { label: "Middle Initial", placeholder: "Enter Middle Initial", id: "middle-initial-full-width" }) %>
-    <%= pb_rails("text_input", props: { label: "Last Name", placeholder: "Enter Last Name", id: "last-name-full-width" }) %>
+    <%= pb_rails("text_input", props: { label: "First Name", placeholder: "Enter First Name" }) %>
+    <%= pb_rails("text_input", props: { label: "Middle Intial", placeholder: "Enter Middle Initial" }) %>
+    <%= pb_rails("text_input", props: { label: "Last Name", placeholder: "Enter Last Name" }) %>
   <% end %>
   <br/>
   <br/>
@@ -10,4 +10,4 @@
     <%= pb_rails("text_input", props: { placeholder: "Search" }) %>
     <%= pb_rails("button", props: { text: "Submit", variant: "secondary" }) %>
   <% end %>
-</div>
+</div>

data/app/pb_kits/playbook/pb_form_group/docs/_form_group_full_width.jsx

@@ -9,19 +9,16 @@ const FormGroupFullWidth = (props) => (
     <div>
       <FormGroup fullWidth>
         <TextInput
-            id="first-name-full-width"
             label="First Name"
             placeholder="Enter First Name"
             {...props}
         />
         <TextInput
-            id="middle-initial-full-width"
-            label="Middle Initial"
+            label="Middle Intial"
             placeholder="Enter Middle Initial"
             {...props}
         />
         <TextInput
-            id="last-name-full-width"
             label="Last Name"
             placeholder="Enter Last Name"
             {...props}

data/app/pb_kits/playbook/pb_form_group/docs/_form_group_typeahead.jsx

@@ -17,7 +17,6 @@ const FormGroupTypeahead = (props) => {
     <div>
       <FormGroup>
         <Typeahead
-            id="products"
             label="Products"
             options={options}
             {...props}

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

@@ -17,7 +17,6 @@ examples:
     - multi_level_select_disabled_options_parent_default: Disabled Parent Option (Default)
     - multi_level_select_disabled_options_parent: Disabled Parent Option (Return All Selected)
     - multi_level_select_single_disabled: Disabled Options (Single Select)
-    - multi_level_select_required_indicator: Required Indicator
 
   react:
     - multi_level_select_default: Default
@@ -38,4 +37,3 @@ examples:
     - multi_level_select_disabled_options_parent_default: Disabled Parent Option (Default)
     - multi_level_select_disabled_options_parent: Disabled Parent Option (Return All Selected)
     - multi_level_select_single_disabled: Disabled Options (Single Select)
-    - multi_level_select_required_indicator: Required Indicator

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

@@ -1,19 +1,18 @@
-export { default as MultiLevelSelectDefault } from "./_multi_level_select_default.jsx"
-export { default as MultiLevelSelectSingle } from "./_multi_level_select_single.jsx"
-export { default as MultiLevelSelectSingleChildrenOnly } from "./_multi_level_select_single_children_only.jsx"
-export { default as MultiLevelSelectReturnAllSelected } from "./_multi_level_select_return_all_selected.jsx"
+export { default as MultiLevelSelectDefault } from './_multi_level_select_default.jsx'
+export { default as MultiLevelSelectSingle } from './_multi_level_select_single.jsx'
+export { default as MultiLevelSelectSingleChildrenOnly } from './_multi_level_select_single_children_only.jsx'
+export { default as MultiLevelSelectReturnAllSelected } from './_multi_level_select_return_all_selected.jsx'
 export { default as MultiLevelSelectSelectedIdsReact } from "./_multi_level_select_selected_ids_react.jsx"
-export { default as MultiLevelSelectColor } from "./_multi_level_select_color.jsx"
-export { default as MultiLevelSelectInputDisplay } from "./_multi_level_select_input_display.jsx"
-export { default as MultiLevelSelectWithChildren } from "./_multi_level_select_with_children.jsx"
-export { default as MultiLevelSelectWithChildrenWithRadios } from "./_multi_level_select_with_children_with_radios.jsx"
-export { default as MultiLevelSelectDisabled } from "./_multi_level_select_disabled.jsx"
-export { default as MultiLevelSelectReactHook } from "./_multi_level_select_react_hook.jsx"
-export { default as MultiLevelSelectError } from "./_multi_level_select_error.jsx"
-export { default as MultiLevelSelectDisabledOptions } from "./_multi_level_select_disabled_options.jsx"
-export { default as MultiLevelSelectDisabledOptionsParent } from "./_multi_level_select_disabled_options_parent.jsx"
-export { default as MultiLevelSelectDisabledOptionsParentDefault } from "./_multi_level_select_disabled_options_parent_default.jsx"
-export { default as MultiLevelSelectDisabledOptionsDefault } from "./_multi_level_select_disabled_options_default.jsx"
-export { default as MultiLevelSelectLabel } from "./_multi_level_select_label.jsx"
-export { default as MultiLevelSelectSingleDisabled } from "./_multi_level_select_single_disabled.jsx"
-export { default as MultiLevelSelectRequiredIndicator } from "./_multi_level_select_required_indicator.jsx"
+export { default as MultiLevelSelectColor } from './_multi_level_select_color.jsx'
+export { default as MultiLevelSelectInputDisplay } from './_multi_level_select_input_display.jsx'
+export { default as MultiLevelSelectWithChildren } from './_multi_level_select_with_children.jsx'
+export { default as MultiLevelSelectWithChildrenWithRadios } from './_multi_level_select_with_children_with_radios.jsx'
+export { default as MultiLevelSelectDisabled } from './_multi_level_select_disabled.jsx'
+export { default as MultiLevelSelectReactHook  } from './_multi_level_select_react_hook.jsx'
+export { default as MultiLevelSelectError } from './_multi_level_select_error.jsx'
+export { default as MultiLevelSelectDisabledOptions } from './_multi_level_select_disabled_options.jsx'
+export { default as MultiLevelSelectDisabledOptionsParent } from './_multi_level_select_disabled_options_parent.jsx'
+export { default as MultiLevelSelectDisabledOptionsParentDefault } from './_multi_level_select_disabled_options_parent_default.jsx'
+export { default as MultiLevelSelectDisabledOptionsDefault } from './_multi_level_select_disabled_options_default.jsx'
+export { default as MultiLevelSelectLabel } from './_multi_level_select_label.jsx'
+export { default as MultiLevelSelectSingleDisabled } from './_multi_level_select_single_disabled.jsx'

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

@@ -16,7 +16,7 @@ examples:
   - select_attributes: Select W/ Attributes
   - select_multiple: Select Multiple
   - select_input_options: Input Options
-  - select_required_indicator: Required Indicator
+
 
 
   react:
@@ -35,9 +35,8 @@ examples:
   - select_multiple: Select Multiple
   - select_react_hook: React Hook
   - select_input_options: Input Options
-  - select_required_indicator: Required Indicator
 
   swift:
   - select_default_swift: Default
   - select_error_swift: Error
-  - select_props_table: ""
+  - select_props_table: ""

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

@@ -13,4 +13,3 @@ export { default as SelectMultiple } from './_select_multiple.jsx'
 export { default as SelectReactHook } from './_select_react_hook.jsx'
 export { default as SelectCustomSelectSubheaders } from './_select_custom_select_subheaders.jsx'
 export { default as SelectInputOptions } from './_select_input_options.jsx'
-export { default as SelectRequiredIndicator } from './_select_required_indicator.jsx'

data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_interactive.html.erb

@@ -1 +1 @@
-<%= pb_rails("star_rating", props: { label: "Add a Rating", padding_bottom: "xs", variant: "interactive" }) %>
+<%= pb_rails("star_rating", props: { padding_bottom: "xs", variant: "interactive" }) %>

data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_interactive.jsx

@@ -4,7 +4,6 @@ import StarRating from '../_star_rating'
 const StarRatingInteractive = (props) => (
     <>
         <StarRating
-            label="Add a Rating"
             paddingBottom="xs"
             variant="interactive"
             {...props}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 16.1.0.pre.alpha.ghostcrewfileuploadtext14338
+  version: 16.1.0.pre.alpha.play2708fixmaxdisplayeduserprop14270
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-02-11 00:00:00.000000000 Z
+date: 2026-02-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: playbook_ui
@@ -311,10 +311,6 @@ files:
 - app/pb_kits/playbook/pb_button/docs/_button_icon_options.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_icon_options.md
 - app/pb_kits/playbook/pb_button/docs/_button_icon_options_swift.md
-- app/pb_kits/playbook/pb_button/docs/_button_icon_variant.html.erb
-- app/pb_kits/playbook/pb_button/docs/_button_icon_variant.jsx
-- app/pb_kits/playbook/pb_button/docs/_button_icon_variant_rails.md
-- app/pb_kits/playbook/pb_button/docs/_button_icon_variant_react.md
 - app/pb_kits/playbook/pb_button/docs/_button_link.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_link.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_link.md
@@ -652,9 +648,6 @@ files:
 - 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_required_indicator.html.erb
-- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_required_indicator.jsx
-- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_required_indicator.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
@@ -901,9 +894,6 @@ files:
 - 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_required_indicator.html.erb
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_required_indicator.jsx
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_required_indicator.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
@@ -1447,9 +1437,6 @@ files:
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_label.md
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.jsx
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.md
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_required_indicator.html.erb
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_required_indicator.jsx
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_required_indicator.md
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.html.erb
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.md
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb
@@ -2058,9 +2045,6 @@ files:
 - app/pb_kits/playbook/pb_select/docs/_select_react_hook.md
 - app/pb_kits/playbook/pb_select/docs/_select_required.html.erb
 - app/pb_kits/playbook/pb_select/docs/_select_required.jsx
-- app/pb_kits/playbook/pb_select/docs/_select_required_indicator.html.erb
-- app/pb_kits/playbook/pb_select/docs/_select_required_indicator.jsx
-- app/pb_kits/playbook/pb_select/docs/_select_required_indicator.md
 - app/pb_kits/playbook/pb_select/docs/_select_value_text_same.html.erb
 - app/pb_kits/playbook/pb_select/docs/_select_value_text_same.jsx
 - app/pb_kits/playbook/pb_select/docs/example.yml

data/app/pb_kits/playbook/pb_button/docs/_button_icon_variant.html.erb

@@ -1,21 +0,0 @@
-<%= pb_rails("caption", props: { margin_y: "md", text: "Small Size (sm)" }) %>
-<%= pb_rails("button", props: { icon: "plus", size: "sm", margin_right: "lg" }) %>
-<%= pb_rails("button", props: { icon: "plus", size: "sm", variant: "secondary", margin_right: "lg" }) %>
-<%= pb_rails("button", props: { icon: "plus", size: "sm", variant: "link", margin_right: "lg" }) %>
-<%= pb_rails("button", props: { icon: "plus", size: "sm", variant: "danger", margin_right: "lg" }) %>
-<%= pb_rails("button", props: { icon: "plus", size: "sm", disabled: true, margin_right: "lg" }) %>
-<%= pb_rails("button", props: { icon: "plus", size: "sm", loading: true, margin_right: "lg" }) %>
-<%= pb_rails("caption", props: { margin_y: "md", text: "Medium Size (md)" }) %>
-<%= pb_rails("button", props: { icon: "plus", size: "md", margin_right: "lg" }) %>
-<%= pb_rails("button", props: { icon: "plus", size: "md", variant: "secondary", margin_right: "lg" }) %>
-<%= pb_rails("button", props: { icon: "plus", size: "md", variant: "link", margin_right: "lg" }) %>
-<%= pb_rails("button", props: { icon: "plus", size: "md", variant: "danger", margin_right: "lg" }) %>
-<%= pb_rails("button", props: { icon: "plus", size: "md", disabled: true, margin_right: "lg" }) %>
-<%= pb_rails("button", props: { icon: "plus", size: "md", loading: true, margin_right: "lg" }) %>
-<%= pb_rails("caption", props: { margin_y: "md", text: "Large Size (lg)" }) %>
-<%= pb_rails("button", props: { icon: "plus", size: "lg", margin_right: "lg" }) %>
-<%= pb_rails("button", props: { icon: "plus", size: "lg", variant: "secondary", margin_right: "lg" }) %>
-<%= pb_rails("button", props: { icon: "plus", size: "lg", variant: "link", margin_right: "lg" }) %>
-<%= pb_rails("button", props: { icon: "plus", size: "lg", variant: "danger", margin_right: "lg" }) %>
-<%= pb_rails("button", props: { icon: "plus", size: "lg", disabled: true, margin_right: "lg" }) %>
-<%= pb_rails("button", props: { icon: "plus", size: "lg", loading: true, margin_right: "lg" }) %>

data/app/pb_kits/playbook/pb_button/docs/_button_icon_variant.jsx

@@ -1,180 +0,0 @@
-import React from 'react'
-import Button from "../../pb_button/_button"
-import Caption from "../../pb_caption/_caption"
-
-const ButtonIconVariant = (props) => (
-  <div>
-    <Caption 
-        marginY="md" 
-        text="Small Size (sm)" 
-    />
-    <Button
-        icon="plus"
-        marginRight='lg'
-        size="sm"
-        tabIndex={0}
-        {...props}
-    />
-    {' '}
-    <Button
-        icon="plus"
-        marginRight='lg'
-        size="sm"
-        tabIndex={0}
-        variant="secondary"
-        {...props}
-    />
-    {' '}
-    <Button
-        icon="plus"
-        marginRight='lg'
-        size="sm"
-        tabIndex={0}
-        variant="link"
-        {...props}
-    />
-    {' '}
-    <Button
-        icon="plus"
-        marginRight='lg'
-        size="sm"
-        tabIndex={0}
-        variant="danger"
-        {...props}
-    />
-    {' '}
-    <Button
-        disabled
-        icon="plus"
-        marginRight='lg'
-        size="sm"
-        tabIndex={0}
-        {...props}
-    />
-    {' '}
-    <Button
-        icon="plus"
-        loading
-        marginRight='lg'
-        size="sm"
-        tabIndex={0}
-        {...props}
-    />
-    <br/>
-    <Caption 
-        marginY="md" 
-        text="Medium Size (md)" 
-    />
-    <Button
-        icon="plus"
-        marginRight='lg'
-        size="md"
-        tabIndex={0}
-        {...props}
-    />
-    {' '}
-    <Button
-        icon="plus"
-        marginRight='lg'
-        size="md"
-        tabIndex={0}
-        variant="secondary"
-        {...props}
-    />
-    {' '}
-    <Button
-        icon="plus"
-        marginRight='lg'
-        size="md"
-        tabIndex={0}
-        variant="link"
-        {...props}
-    />
-    {' '}
-    <Button
-        icon="plus"
-        marginRight='lg'
-        size="md"
-        tabIndex={0}
-        variant="danger"
-        {...props}
-    />
-    {' '}
-    <Button
-        disabled
-        icon="plus"
-        marginRight='lg'
-        size="md"
-        tabIndex={0}
-        {...props}
-    />
-    {' '}
-    <Button
-        icon="plus"
-        loading
-        marginRight='lg'
-        size="md"
-        tabIndex={0}
-        {...props}
-    />
-    <br/>
-    <Caption 
-        marginY="md" 
-        text="Large Size (lg)" 
-    />
-    <Button
-        icon="plus"
-        marginRight='lg'
-        size="lg"
-        tabIndex={0}
-        {...props}
-    />
-    {' '}
-    <Button
-        icon="plus"
-        marginRight='lg'
-        size="lg"
-        tabIndex={0}
-        variant="secondary"
-        {...props}
-    />
-    {' '}
-    <Button
-        icon="plus"
-        marginRight='lg'
-        size="lg"
-        tabIndex={0}
-        variant="link"
-        {...props}
-    />
-    {' '}
-    <Button
-        icon="plus"
-        marginRight='lg'
-        size="lg"
-        tabIndex={0}
-        variant="danger"
-        {...props}
-    />
-    {' '}
-    <Button
-        disabled
-        icon="plus"
-        marginRight='lg'
-        size="lg"
-        tabIndex={0}
-        {...props}
-    />
-    {' '}
-    <Button
-        icon="plus"
-        loading
-        marginRight='lg'
-        size="lg"
-        tabIndex={0}
-        {...props}
-    />
-  </div>
-)
-
-export default ButtonIconVariant

data/app/pb_kits/playbook/pb_button/docs/_button_icon_variant_rails.md

@@ -1 +0,0 @@
-The icon button variant automatically renders when you provide an `icon` prop without a corresponding `text` prop. The button will only display an icon (no text) and will be wrapped with the icon button styling. This works with all button variants including "link", "primary", "secondary", etc. Simply use `<%= pb_rails("button", props: { icon: "plus", variant: "secondary" }) %>` to get an icon button.

data/app/pb_kits/playbook/pb_button/docs/_button_icon_variant_react.md

@@ -1 +0,0 @@
-The icon button variant automatically renders when you provide an `icon` prop without a corresponding `text` prop. The button will only display an icon (no text) and will be wrapped with the icon button styling. This works with all button variants including "link", "primary", "secondary", etc. Simply use `<Button icon="rocket" variant="primary" />` to get an icon button.

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

@@ -1,5 +0,0 @@
-<%= pb_rails("date_picker", props: {
-  picker_id: "date_picker_required_indicator",
-  label: "Required Date Picker",
-  required_indicator: true,
-}) %>

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

@@ -1,13 +0,0 @@
-import React from "react"
-import DatePicker from "../_date_picker"
-
-const DatePickerRequiredIndicator = (props) => (
-  <DatePicker
-      label="Required Date Picker"
-      pickerId="date_picker_required_indicator"
-      requiredIndicator
-      {...props}
-  />
-)
-
-export default DatePickerRequiredIndicator

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

@@ -1 +0,0 @@
-The `requiredIndicator`/`required_indicator` prop displays a red asterisk (*) next to the label to visually indicate that the field is required. This is purely visual and does not enforce validation—you can pair it with HTML `required`, client-side validation, or server-side validation as needed.

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

@@ -1,14 +0,0 @@
-<%
-  options = [
-    { label: 'United States', value: 'unitedStates', id: 'us' },
-    { label: 'Canada', value: 'canada', id: 'ca' },
-    { label: 'Pakistan', value: 'pakistan', id: 'pk' }
-  ]
-%>
-
-<%= pb_rails("dropdown", props: {
-  id: "dropdown_required_indicator",
-  label: "Select a Country",
-  options: options,
-  required_indicator: true
-}) %>

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

@@ -1,42 +0,0 @@
-import React from "react";
-import Dropdown from "../../pb_dropdown/_dropdown";
-
-const DropdownRequiredIndicator = (props) => {
-  const options = [
-    {
-      label: "United States",
-      value: "unitedStates",
-      id: "us",
-    },
-    {
-      label: "Canada",
-      value: "canada",
-      id: "ca",
-    },
-    {
-      label: "Pakistan",
-      value: "pakistan",
-      id: "pk",
-    },
-  ];
-
-  return (
-    <div>
-      <Dropdown
-          label="Select a Country"
-          options={options}
-          requiredIndicator
-          {...props}
-      >
-        {options.map((option) => (
-          <Dropdown.Option 
-              key={option.id} 
-              option={option}
-          />
-        ))}
-      </Dropdown>
-    </div>
-  );
-};
-
-export default DropdownRequiredIndicator;

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

@@ -1,3 +0,0 @@
-The `requiredIndicator`/`required_indicator` prop displays a red asterisk (\*) next to the label, visually indicating that the field is required. This is purely visual and does not enforce validation.
-
-You can use `requiredIndicator`/`required_indicator` with any validation approach: HTML5 validation via the `required` prop, client-side validation, or backend validation. For this reason, it works independently and doesn't need to be paired with the `required` prop.

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

@@ -1,72 +0,0 @@
-<% treeData = [{
-    label: "Power Home Remodeling",
-    value: "powerHomeRemodeling",
-    id: "100",
-    expanded: true,
-    children: [
-      {
-        label: "People",
-        value: "people",
-        id: "101",
-        expanded: true,
-        children: [
-          {
-            label: "Talent Acquisition",
-            value: "talentAcquisition",
-            id: "102",
-          },
-          {
-            label: "Business Affairs",
-            value: "businessAffairs",
-            id: "103",
-            children: [
-              {
-                label: "Initiatives",
-                value: "initiatives",
-                id: "104",
-              },
-              {
-                label: "Learning & Development",
-                value: "learningAndDevelopment",
-                id: "105",
-              },
-            ],
-          },
-          {
-            label: "People Experience",
-            value: "peopleExperience",
-            id: "106",
-          },
-        ],
-      },
-      {
-        label: "Contact Center",
-        value: "contactCenter",
-        id: "107",
-        children: [
-          {
-            label: "Appointment Management",
-            value: "appointmentManagement",
-            id: "108",
-          },
-          {
-            label: "Customer Service",
-            value: "customerService",
-            id: "109",
-          },
-          {
-            label: "Energy",
-            value: "energy",
-            id: "110",
-          },
-        ],
-      },
-    ],
-}] %>
-
-<%= pb_rails("multi_level_select", props: {
-  id: "select_a_department",
-  label: "Select a Department",
-  required_indicator: true,
-  tree_data: treeData
-}) %>

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

@@ -1,87 +0,0 @@
-import React from "react"
-import MultiLevelSelect from "../_multi_level_select"
-
-const treeData = [
-  {
-    label: "Power Home Remodeling",
-    value: "powerHomeRemodeling",
-    id: "powerhome1",
-    expanded: true,
-    children: [
-      {
-        label: "People",
-        value: "people",
-        id: "people1",
-        expanded: true,
-        children: [
-          {
-            label: "Talent Acquisition",
-            value: "talentAcquisition",
-            id: "talent1"
-          },
-          {
-            label: "Business Affairs",
-            value: "businessAffairs",
-            id: "business1",
-            children: [
-              {
-                label: "Initiatives",
-                value: "initiatives",
-                id: "initiative1"
-              },
-              {
-                label: "Learning & Development",
-                value: "learningAndDevelopment",
-                id: "development1"
-              }
-            ]
-          },
-          {
-            label: "People Experience",
-            value: "peopleExperience",
-            id: "experience1"
-          }
-        ]
-      },
-      {
-        label: "Contact Center",
-        value: "contactCenter",
-        id: "contact1",
-        children: [
-          {
-            label: "Appointment Management",
-            value: "appointmentManagement",
-            id: "appointment1"
-          },
-          {
-            label: "Customer Service",
-            value: "customerService",
-            id: "customer1"
-          },
-          {
-            label: "Energy",
-            value: "energy",
-            id: "energy1"
-          }
-        ]
-      }
-    ]
-  }
-]
-
-const MultiLevelSelectRequiredIndicator = (props) => {
-  return (
-    <div>
-      <MultiLevelSelect
-          id="select_a_department"
-          label="Select a Department"
-          onSelect={(selectedNodes) => console.log("Selected Items", selectedNodes)}
-          requiredIndicator
-          treeData={treeData}
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default MultiLevelSelectRequiredIndicator

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

@@ -1,3 +0,0 @@
-The `requiredIndicator`/`required_indicator` prop displays a red asterisk (*) next to the label, visually indicating that the field is required. This is purely visual and does not enforce validation.
-
-You can use `requiredIndicator`/`required_indicator` with any validation approach: HTML5 validation via the `required` prop, client-side validation, or backend validation. For this reason, it works independently and doesn't need to be paired with the `required` prop.

data/app/pb_kits/playbook/pb_select/docs/_select_required_indicator.html.erb

@@ -1,24 +0,0 @@
-<%= pb_rails("select", props: {
-  label: "Favorite Snacks",
-  name: "food",
-  required_indicator: true,
-  options: [
-    {
-      value: "1",
-      value_text: "Popcorn",
-    },
-    {
-      value: "2",
-      selected: true,
-      value_text: "Chips",
-    },
-    {
-      value: "3",
-      value_text: "Twizzlers",
-    },
-    {
-      value: "4",
-      value_text: "Cookies",
-    },
-  ]
-}) %>

data/app/pb_kits/playbook/pb_select/docs/_select_required_indicator.jsx

@@ -1,33 +0,0 @@
-import React from "react";
-
-import { Select } from "playbook-ui";
-
-const SelectRequiredIndicator = () => {
-  const options = [
-    {
-      value: "1",
-      text: "Popcorn",
-    },
-    {
-      value: "2",
-      text: "Chips",
-    },
-    {
-      value: "3",
-      text: "Twizzlers",
-    },
-  ];
-
-  return (
-    <div>
-      <Select
-          label="Favorite Snack"
-          name="food"
-          options={options}
-          requiredIndicator
-      />
-    </div>
-  );
-};
-
-export default SelectRequiredIndicator;

data/app/pb_kits/playbook/pb_select/docs/_select_required_indicator.md

@@ -1,3 +0,0 @@
-The `requiredIndicator`/`required_indicator` prop displays a red asterisk (\*) next to the label, visually indicating that the field is required. This is purely visual and does not enforce validation.
-
-You can use `requiredIndicator`/`required_indicator` with any validation approach: HTML5 validation via the `required` prop, client-side validation, or backend validation. For this reason, it works independently and doesn't need to be paired with the `required` prop.