playbook_ui 16.1.0.pre.alpha.play277814027 → 16.1.0.pre.rc.0

data/app/pb_kits/playbook/pb_dropdown/dropdown.test.jsx

@@ -122,80 +122,6 @@ test('generated placeholder prop', () => {
 
 })
 
-test('placeholder prop passed directly to Dropdown', () => {
-  render(
-    <Dropdown
-        data={{ testid: testId }}
-        options={options}
-        placeholder="Choose a country"
-    />
-  )
-
-  const kit = screen.getByTestId(testId)
-  const trigger = kit.querySelector('.pb_dropdown_trigger')
-  expect(trigger).toHaveTextContent('Choose a country')
-})
-
-test('placeholder works with default variant', () => {
-  render(
-    <Dropdown
-        data={{ testid: testId }}
-        options={options}
-        placeholder="Select an option"
-        variant="default"
-    />
-  )
-
-  const kit = screen.getByTestId(testId)
-  const trigger = kit.querySelector('.pb_dropdown_trigger')
-  expect(trigger).toHaveTextContent('Select an option')
-})
-
-test('placeholder works with subtle variant', () => {
-  render(
-    <Dropdown
-        data={{ testid: testId }}
-        options={options}
-        placeholder="Pick an option"
-        separators={false}
-        variant="subtle"
-    />
-  )
-
-  const kit = screen.getByTestId(testId)
-  expect(kit).toHaveClass('pb_dropdown_subtle_separators_hidden')
-  const trigger = kit.querySelector('.pb_dropdown_trigger')
-  expect(trigger).toHaveTextContent('Pick an option')
-})
-
-test('placeholder works with quickpick variant', () => {
-  render(
-    <Dropdown
-        data={{ testid: testId }}
-        placeholder="Select a date range"
-        variant="quickpick"
-    />
-  )
-
-  const kit = screen.getByTestId(testId)
-  expect(kit).toHaveClass('pb_dropdown_quickpick')
-  const trigger = kit.querySelector('.pb_dropdown_trigger')
-  expect(trigger).toHaveTextContent('Select a date range')
-})
-
-test('placeholder shows default "Select..." when not provided', () => {
-  render(
-    <Dropdown
-        data={{ testid: testId }}
-        options={options}
-    />
-  )
-
-  const kit = screen.getByTestId(testId)
-  const trigger = kit.querySelector('.pb_dropdown_trigger')
-  expect(trigger).toHaveTextContent('Select...')
-})
-
 test('generated label prop', () => { 
   render (
     <Dropdown
@@ -540,27 +466,7 @@ test("quickpick clears selection when clicking X icon", () => {
   expect(trigger).toHaveTextContent("Select...")
 })
 
-test("quickpick hides clear icon when clearable is false", () => {
-  render(
-    <Dropdown
-        clearable={false}
-        data={{ testid: testId }}
-        defaultValue="This Week"
-        variant="quickpick"
-    />
-  )
-  
-  const kit = screen.getByTestId(testId)
-  const trigger = kit.querySelector('.pb_dropdown_trigger')
-  
-  expect(trigger).toHaveTextContent("This Week")
-  
-  const clearIcon = kit.querySelector('[aria-label="times icon"]')
-  expect(clearIcon).not.toBeInTheDocument()
-})
-
 test("quickpick returns date array values when option selected", () => {
-  // eslint-disable-next-line react/no-multi-comp
   const TestComponent = () => {
     const [selected, setSelected] = useState(null)
     return (

data/app/pb_kits/playbook/pb_dropdown/dropdown_container.rb

@@ -5,13 +5,9 @@ module Playbook
     class DropdownContainer < Playbook::KitBase
       prop :searchbar, type: Playbook::Props::Boolean,
                        default: false
-      prop :constrain_height, type: Playbook::Props::Boolean,
-                              default: false
 
       def classname
-        classes = %w[pb_dropdown_container close]
-        classes << "constrain_height" if constrain_height
-        generate_classname(*classes, separator: " ")
+        generate_classname("pb_dropdown_container", "close", separator: " ")
       end
 
       def data

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

@@ -48,7 +48,6 @@ export default class PbDropdown extends PbEnhancedElement {
     this.updatePills();
 
     this.clearBtn = this.element.querySelector(CLEAR_ICON_SELECTOR);
-    this.isClearable = this.element.dataset.pbDropdownClearable !== "false";
     if (this.clearBtn) {
       this.clearBtn.style.display = "none";
       this.clearBtn.addEventListener("click", (e) => {
@@ -61,10 +60,6 @@ export default class PbDropdown extends PbEnhancedElement {
 
   updateClearButton() {
     if (!this.clearBtn) return;
-    if (!this.isClearable) {
-      this.clearBtn.style.display = "none";
-      return;
-    }
     const hasSelection = this.isMultiSelect
       ? this.selectedOptions.size > 0
       : Boolean(this.element.querySelector(DROPDOWN_INPUT).value);
@@ -114,51 +109,15 @@ export default class PbDropdown extends PbEnhancedElement {
   adjustDropdownHeight() {
     if (this.target.classList.contains("open")) {
       const el = this.target;
-      const shouldConstrain = el.classList.contains("constrain_height");
       el.style.height = "auto";
       requestAnimationFrame(() => {
-        if (shouldConstrain) {
-          // Calculate 18em in pixels (matches SCSS max-height: 18em)
-          const fontSize = parseFloat(getComputedStyle(el).fontSize) || 16;
-          const maxHeight = fontSize * 18;
-          const scrollHeight = el.scrollHeight;
-          const newHeight = Math.min(scrollHeight, maxHeight);
-          el.offsetHeight; // force reflow
-          el.style.height = newHeight + "px";
-        } else {
-          el.offsetHeight; // force reflow
-          el.style.height = el.scrollHeight + "px";
-        }
+        const newHeight = el.scrollHeight + "px";
+        el.offsetHeight; // force reflow
+        el.style.height = newHeight;
       });
     }
   }
 
-  adjustDropdownPosition(container) {
-    if (!container) return;
-
-    const wrapper = this.element.querySelector(".dropdown_wrapper");
-    if (!wrapper) return;
-
-    const wrapperRect = wrapper.getBoundingClientRect();
-    const h = container.getBoundingClientRect().height || container.scrollHeight;
-    const spaceBelow = window.innerHeight - wrapperRect.bottom;
-    const spaceAbove = wrapperRect.top;
-
-    // If not enough space below but enough space above, position above
-    if (spaceBelow < h + 10 && spaceAbove >= h + 10) {
-      container.style.top = "auto";
-      container.style.bottom = "calc(100% + 5px)";
-      container.style.marginTop = "0";
-      container.style.marginBottom = "0";
-    } else {
-      // Default: position below
-      container.style.top = "";
-      container.style.bottom = "";
-      container.style.marginTop = "";
-      container.style.marginBottom = "";
-    }
-  }
-
   handleSearch(term = "") {
     const lcTerm = term.toLowerCase();
     let hasMatch = false
@@ -406,21 +365,7 @@ export default class PbDropdown extends PbEnhancedElement {
   showElement(elem) {
     elem.classList.remove("close");
     elem.classList.add("open");
-    
-    const shouldConstrain = elem.classList.contains("constrain_height");
-    if (shouldConstrain) {
-      // Calculate height respecting max-height constraint (18em)
-      const fontSize = parseFloat(getComputedStyle(elem).fontSize) || 16;
-      const maxHeight = fontSize * 18; // matches SCSS max-height: 18em
-      const scrollHeight = elem.scrollHeight;
-      const height = Math.min(scrollHeight, maxHeight);
-      elem.style.height = height + "px";
-    } else {
-      elem.style.height = elem.scrollHeight + "px";
-    }
-    
-    // Auto-position dropdown above if not enough space below
-    this.adjustDropdownPosition(elem);
+    elem.style.height = elem.scrollHeight + "px";
   }
 
   hideElement(elem) {

data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownContainer.tsx

@@ -19,7 +19,6 @@ type DropdownContainerProps = {
   aria?: { [key: string]: string };
   children?: React.ReactChild[] | React.ReactChild;
   className?: string;
-  constrainHeight?: boolean;
   dark?: boolean;
   data?: { [key: string]: string };
   htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
@@ -32,7 +31,6 @@ const DropdownContainer = (props: DropdownContainerProps) => {
     aria = {},
     children,
     className,
-    constrainHeight = false,
     dark = false,
     data = {},
     htmlOptions = {},
@@ -56,7 +54,6 @@ const DropdownContainer = (props: DropdownContainerProps) => {
   const classes = classnames(
     buildCss("pb_dropdown_container"),
     `${isDropDownClosed ? "close" : "open"}`,
-    constrainHeight && "constrain_height",
     globalProps(props),
     className
   );

data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownTrigger.tsx

@@ -44,7 +44,6 @@ const DropdownTrigger = (props: DropdownTriggerProps) => {
 
   const {
     autocomplete,
-    clearable,
     filterItem,
     handleBackspace,
     handleChange,
@@ -226,7 +225,7 @@ const DropdownTrigger = (props: DropdownTriggerProps) => {
                       key={`${isDropDownClosed ? "chevron-down" : "chevron-up"}`}
                   > 
                   {
-                    clearable !== false && selectedArray.length > 0 && (
+                    selectedArray.length > 0 && (
                       <div onClick={(e)=>{e.stopPropagation();handleBackspace()}}>
                         <Icon
                             cursor="pointer"

data/app/pb_kits/playbook/pb_filter/Filter/SortMenu.tsx

@@ -21,7 +21,7 @@ const nextValue = (value: SortValue[], name: string): SortValue => {
 }
 
 const directionIcon = (dir: Direction) => (
-  dir == 'asc' ? 'arrow-up-short-wide' : 'arrow-down-wide-short'
+  dir == 'asc' ? 'sort-amount-up' : 'sort-amount-down'
 )
 
 const renderOptions = (options: SortOptions, value: SortValue[], handleChange: (arg0: SortValue) => void) => (

data/app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb

@@ -1,7 +1,7 @@
 <%=
   pb_rails("filter", props: {
     min_width: "360px",
-    id: "filter-demo-1",
+    id: "1",
     margin_bottom: "xl",
     filters: [
       { name: "name", value: "John Wick" },
@@ -44,7 +44,7 @@
 <%=
   pb_rails("filter", props: {
     min_width: "360px",
-    id: "filter-demo-2",
+    id: "def2",
     sort_menu: [
       { item: "Popularity", link: "?q[sorts]=managers_popularity+asc", active: true, direction: "desc" },
       { item: "Mananger's Title", link: "?q[sorts]=managers_title+asc", active: false },

data/app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import React from 'react'
 
 import Button from '../../pb_button/_button'
 import Filter from '../../pb_filter/_filter'
@@ -6,18 +6,11 @@ import Flex from '../../pb_flex/_flex'
 import Select from '../../pb_select/_select'
 import TextInput from '../../pb_text_input/_text_input'
 
-const FilterDefault = (props) => {
-  const [sortValue, setSortValue] = useState([{ name: 'popularity', dir: 'desc' }])
-  const [sortValue2, setSortValue2] = useState([{ name: 'popularity', dir: 'desc' }])
-
-  const handleSortChange = (sortOptions) => {
-    setSortValue(sortOptions)
-    alert(JSON.stringify(sortOptions[0]))
-  }
+const SortingChangeCallback = (sortOptions) => {
+  alert(JSON.stringify(sortOptions[0]))
+}
 
-  const handleSortChange2 = (sortOptions) => {
-    setSortValue2(sortOptions)
-  }
+const FilterDefault = (props) => {
   const options = [
     { value: 'USA' },
     { value: 'Canada' },
@@ -36,7 +29,7 @@ const FilterDefault = (props) => {
           }}
           marginBottom="xl"
           minWidth="375px"
-          onSortChange={handleSortChange}
+          onSortChange={SortingChangeCallback}
           results={1}
           sortOptions={{
             popularity: 'Popularity',
@@ -45,7 +38,7 @@ const FilterDefault = (props) => {
             // eslint-disable-next-line
             manager_name: 'Manager\'s Name',
           }}
-          sortValue={sortValue}
+          sortValue={[{ name: 'popularity', dir: 'desc' }]}
           {...props}
       >
       {({ closePopover }) => (
@@ -89,7 +82,7 @@ const FilterDefault = (props) => {
       <Filter
           double
           minWidth="375px"
-          onSortChange={handleSortChange2}
+          onSortChange={SortingChangeCallback}
           results={0}
           sortOptions={{
             popularity: 'Popularity',
@@ -98,7 +91,7 @@ const FilterDefault = (props) => {
             // eslint-disable-next-line
             manager_name: 'Manager\'s Name',
           }}
-          sortValue={sortValue2}
+          sortValue={[{ name: 'popularity', dir: 'desc' }]}
           {...props}
       >
       {({ closePopover }) => (

data/app/pb_kits/playbook/pb_filter/filter.rb

@@ -44,9 +44,9 @@ module Playbook
       def sort_icon(direction)
         case direction
         when "asc"
-          "arrow-up-short-wide"
+          "sort-amount-up"
         when "desc"
-          "arrow-down-wide-short"
+          "sort-amount-down"
         else
           ""
         end

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

@@ -1,18 +1,14 @@
 <%= pb_form_with(scope: :example, url: "", method: :get, validate: true) do |form| %>
   <%= form.text_field :example_text_field, props: { label: true, required: true, required_indicator: true } %>
   <%= form.text_field :example_text_field_2, props: { label: "Text Field Custom Label", 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.email_field :example_email_field, props: { label: true, required: true, required_indicator: true } %>
   <%= form.number_field :example_number_field, props: { label: true, required: true, required_indicator: true } %>
   <%= form.search_field :example_search_field, props: { label: true, required: true, required_indicator: true } %>
   <%= form.password_field :example_password_field, props: { label: true, required: true, required_indicator: true } %>
   <%= form.url_field :example_url_field, props: { label: true, required: true, required_indicator: true } %>
-  <%= form.phone_number_field :example_phone_number_field, props: { label: true, required: true, required_indicator: true } %>
-  <%= form.time_picker :example_time_picker_required_indicator, props: { label: true, required: true, required_indicator: true } %>
 
   <%= form.actions do |action| %>
     <%= action.submit %>
     <%= action.button props: { type: "reset", text: "Cancel", variant: "secondary" } %>
   <% end %>
-<% end %>
+<% end %>

data/app/pb_kits/playbook/pb_form/pb_form_validation.js

@@ -26,10 +26,6 @@ class PbFormValidation extends PbEnhancedElement {
       const isPhoneNumberInput = field.closest('.pb_phone_number_input')
       if (isPhoneNumberInput) return
 
-      // Skip TimePicker inputs - they handle their own validation
-      const isTimePickerInput = field.closest('.pb_time_picker')
-      if (isTimePickerInput) return
-
       FIELD_EVENTS.forEach((e) => {
         field.addEventListener(e, debounce((event) => {
           this.validateFormField(event)
@@ -71,16 +67,13 @@ class PbFormValidation extends PbEnhancedElement {
 
     // Check if this is a phone number input
     const isPhoneNumberInput = kitElement.classList.contains('pb_phone_number_input')
-    
-    // Check if this is a TimePicker input
-    const isTimePickerInput = kitElement.classList.contains('pb_time_picker')
 
     // ensure clean error message state
     this.clearError(target)
     kitElement.classList.add('error')
 
-    // Only add error message if it's NOT a phone number input or TimePicker input
-    if (!isPhoneNumberInput && !isTimePickerInput) {
+    // Only add error message if it's NOT a phone number input
+    if (!isPhoneNumberInput) {
       // set the error message element
       const errorMessageContainer = this.errorMessageContainer
 

data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.html.erb

@@ -15,7 +15,7 @@
     options: names,
     label: "Truncation Within Typeahead",
     pills: true,
-    truncate: "1",
+    truncate: 1,
 }) %>
 
 <%= pb_rails("caption", props: { text: "Form Pill Truncation" }) %>
@@ -24,19 +24,19 @@
       name: "Princess Amelia Mignonette Grimaldi Thermopolis Renaldo",
       avatar_url: "https://randomuser.me/api/portraits/women/44.jpg",
       tabindex: 0,
-      truncate: "1",
+      truncate: 1,
       id: "truncation-1"
   }) %>
   <%= pb_rails("form_pill", props: {
       icon: "badge-check",
       text: "icon and a very long tag to show truncation",
       tabindex: 0,
-      truncate: "1",
+      truncate: 1,
       id: "truncation-2"
   }) %>
   <%= pb_rails("form_pill", props: {
       text: "form pill long tag no tooltip show truncation",
       tabindex: 0,
-      truncate: "1",
+      truncate: 1,
   }) %>
-<% end %>
+<% end %>

data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx

@@ -21,7 +21,7 @@ const FormPillTruncatedText = (props) => {
           isMulti
           label="Truncation Within Typeahead"
           options={names}
-          truncate={"1"}
+          truncate={1}
           {...props}
       />
       <Caption text="Form Pill Truncation"/>
@@ -31,20 +31,20 @@ const FormPillTruncatedText = (props) => {
             name="Princess Amelia Mignonette Grimaldi Thermopolis Renaldo"
             onClick={() => alert('Click!')}
             tabIndex={0}
-            truncate={"1"}
+            truncate={1}
         />
         <FormPill
             icon="badge-check"
             onClick={() => {alert('Click!')}}
             tabIndex={0}
             text="icon and a very long tag to show truncation"
-            truncate={"1"}
+            truncate={1}
         />
         <FormPill
             onClick={() => {alert('Click!')}}
             tabIndex={0}
             text="form pill with a very long tag to show truncation"
-            truncate={"1"}
+            truncate={1}
         />
       </Card>
     </>

data/app/pb_kits/playbook/pb_form_pill/form_pill.rb

@@ -49,10 +49,6 @@ module Playbook
       def wrapped_class
         wrapped ? "wrapped" : nil
       end
-
-      def truncate_props
-        nil
-      end
     end
   end
 end

data/app/pb_kits/playbook/pb_icon/icon.rb

@@ -109,18 +109,13 @@ module Playbook
 
         svg["class"] = %w[pb_custom_icon svg-inline--fa].concat([object.custom_icon_classname]).join(" ")
         svg["id"] = object.id
+        svg["data"] = object.data
         svg["height"] = "auto"
         svg["width"] = "auto"
         svg["tabindex"] = object.tabindex
         fill_color = object.color || "currentColor"
         doc.at_css("path")["fill"] = fill_color
 
-        if object.data.present?
-          object.data.each do |key, value|
-            svg["data-#{key}"] = value
-          end
-        end
-
         if object.aria.present?
           object.aria.each do |key, value|
             k = key.to_s

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

@@ -1,39 +1,37 @@
 examples:
   rails:
-    - multi_level_select_default: Default
-    - multi_level_select_single: Single Select
-    - multi_level_select_single_children_only: Single Select w/ Hidden Radios
-    - multi_level_select_return_all_selected: Return All Selected
-    - multi_level_select_input_display: With Input Display None
-    - multi_level_select_selected_ids: Selected Ids
-    - multi_level_select_with_form: With Form
-    - multi_level_select_color: With Pills (Custom Color)
-    - multi_level_select_reset: Reset Selection
-    - multi_level_select_label: With Label
-    - multi_level_select_error: Error
-    - multi_level_select_disabled: Disabled Input
-    - multi_level_select_disabled_options_default: Disabled Options (Default)
-    - multi_level_select_disabled_options: Disabled Options (Return All Selected)
-    - 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_default: Default
+  - multi_level_select_single: Single Select
+  - multi_level_select_single_children_only: Single Select w/ Hidden Radios
+  - multi_level_select_return_all_selected: Return All Selected
+  - multi_level_select_selected_ids: Selected Ids
+  - multi_level_select_with_form: With Form
+  - multi_level_select_color: With Pills (Custom Color)
+  - multi_level_select_reset: Reset Selection
+  - multi_level_select_label: With Label
+  - multi_level_select_error: Error
+  - multi_level_select_disabled: Disabled Input
+  - multi_level_select_disabled_options_default: Disabled Options (Default)
+  - multi_level_select_disabled_options: Disabled Options (Return All Selected)
+  - 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)
 
   react:
-    - multi_level_select_default: Default
-    - multi_level_select_react_hook: React Hook
-    - multi_level_select_single: Single Select
-    - multi_level_select_single_children_only: Single Select w/ Hidden Radios
-    - multi_level_select_return_all_selected: Return All Selected
-    - multi_level_select_input_display: With Input Display None
-    - multi_level_select_selected_ids_react: Selected Ids
-    - multi_level_select_color: With Pills (Custom Color)
-    - multi_level_select_with_children: Checkboxes With Children
-    - multi_level_select_with_children_with_radios: Single Select With Children
-    - multi_level_select_label: With Label
-    - multi_level_select_error: Error
-    - multi_level_select_disabled: Disabled Input
-    - multi_level_select_disabled_options_default: Disabled Options (Default)
-    - multi_level_select_disabled_options: Disabled Options (Return All Selected)
-    - 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_default: Default
+  - multi_level_select_react_hook: React Hook
+  - multi_level_select_single: Single Select
+  - multi_level_select_single_children_only: Single Select w/ Hidden Radios
+  - multi_level_select_return_all_selected: Return All Selected
+  - multi_level_select_selected_ids_react: Selected Ids
+  - multi_level_select_color: With Pills (Custom Color)
+  - multi_level_select_with_children: Checkboxes With Children
+  - multi_level_select_with_children_with_radios: Single Select With Children
+  - multi_level_select_label: With Label
+  - multi_level_select_error: Error
+  - multi_level_select_disabled: Disabled Input
+  - multi_level_select_disabled_options_default: Disabled Options (Default)
+  - multi_level_select_disabled_options: Disabled Options (Return All Selected)
+  - 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)

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

@@ -4,7 +4,6 @@ export { default as MultiLevelSelectSingleChildrenOnly } from './_multi_level_se
 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'

data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.jsx

@@ -38,5 +38,5 @@ const MultipleUsersWithTooltip = (props) => {
         </div>
     )
 }
-
+``
 export default MultipleUsersWithTooltip

data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.md

@@ -1 +1 @@
-Use the `withTooltip` / `with_tooltip` boolean prop to enable setting user-specific tooltip content via the `tooltip` property in the users array.
+Use the `withTooltip` boolean prop to enable setting user-specific tooltip content via the `tooltip` property in the users array.

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

@@ -4,7 +4,6 @@ examples:
   - multiple_users_default: Default
   - multiple_users_reverse: Reverse
   - multiple_users_size: Size
-  - multiple_users_with_tooltip: With Tooltip
 
 
   react: