playbook_ui 13.27.0.pre.alpha.PLAY888Cardkithighlightoverflowtooltiperror2930 → 13.27.0.pre.alpha.PLAY1122fixMultipleUserspaddingoverflow2844

data/lib/playbook/forms/builder.rb

@@ -12,7 +12,6 @@ module Playbook
       require_relative "builder/typeahead_field"
       require_relative "builder/intl_telephone_field"
       require_relative "builder/multi_level_select_field"
-      require_relative "builder/phone_number_field"
 
       prepend(FormFieldBuilder.new(:email_field, kit_name: "text_input"))
       prepend(FormFieldBuilder.new(:number_field, kit_name: "text_input"))

data/lib/playbook/kit_base.rb

@@ -81,7 +81,7 @@ module Playbook
     end
 
     # rubocop:disable Style/OptionalBooleanParameter
-    def pb_content_tag(name = :div, content_or_options_with_block = {}, options = {}, escape = true, &block)
+    def pb_content_tag(name, content_or_options_with_block = nil, options = {}, escape = true, &block)
       combined_options = options
                          .merge(combined_html_options)
                          .merge(default_options.merge(content_or_options_with_block))

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "13.27.0"
-  VERSION = "13.27.0.pre.alpha.PLAY888Cardkithighlightoverflowtooltiperror2930"
+  VERSION = "13.27.0.pre.alpha.PLAY1122fixMultipleUserspaddingoverflow2844"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 13.27.0.pre.alpha.PLAY888Cardkithighlightoverflowtooltiperror2930
+  version: 13.27.0.pre.alpha.PLAY1122fixMultipleUserspaddingoverflow2844
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-05-20 00:00:00.000000000 Z
+date: 2024-05-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -305,10 +305,8 @@ files:
 - app/pb_kits/playbook/pb_avatar/avatar.test.js
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_badge_component_overlay.html.erb
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_badge_component_overlay.jsx
-- app/pb_kits/playbook/pb_avatar/docs/_avatar_badge_component_overlay.md
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_circle_icon_component_overlay.html.erb
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_circle_icon_component_overlay.jsx
-- app/pb_kits/playbook/pb_avatar/docs/_avatar_circle_icon_component_overlay.md
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_default.html.erb
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_default.jsx
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_default_swift.md
@@ -673,15 +671,12 @@ files:
 - app/pb_kits/playbook/pb_collapsible/_collapsible.tsx
 - app/pb_kits/playbook/pb_collapsible/_helper_functions.ts
 - app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleContent.tsx
-- app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleIcon.tsx
 - app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.tsx
 - app/pb_kits/playbook/pb_collapsible/collapsible.html.erb
 - app/pb_kits/playbook/pb_collapsible/collapsible.rb
 - app/pb_kits/playbook/pb_collapsible/collapsible.test.js
 - app/pb_kits/playbook/pb_collapsible/collapsible_content.html.erb
 - app/pb_kits/playbook/pb_collapsible/collapsible_content.rb
-- app/pb_kits/playbook/pb_collapsible/collapsible_icon.html.erb
-- app/pb_kits/playbook/pb_collapsible/collapsible_icon.rb
 - app/pb_kits/playbook/pb_collapsible/collapsible_main.html.erb
 - app/pb_kits/playbook/pb_collapsible/collapsible_main.rb
 - app/pb_kits/playbook/pb_collapsible/context.ts
@@ -689,14 +684,6 @@ files:
 - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_color.jsx
 - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_color.md
 - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_colors_swift.md
-- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main.jsx
-- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main.md
-- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_rails.html.erb
-- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_rails.md
-- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_with_icon.jsx
-- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_with_icon.md
-- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_with_icon_rails.html.erb
-- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_with_icon_rails.md
 - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.html.erb
 - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
 - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default_swift.md
@@ -900,8 +887,6 @@ files:
 - app/pb_kits/playbook/pb_date_range_inline/date_range_inline.test.js
 - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default.html.erb
 - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default.jsx
-- app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default_swift.md
-- app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_props_swift.md
 - app/pb_kits/playbook/pb_date_range_inline/docs/_description.md
 - app/pb_kits/playbook/pb_date_range_inline/docs/example.yml
 - app/pb_kits/playbook/pb_date_range_inline/docs/index.js
@@ -925,17 +910,12 @@ files:
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_align.jsx
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold.html.erb
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold.jsx
-- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold_swift.md
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.html.erb
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.jsx
-- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default_swift.md
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.html.erb
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.jsx
-- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year_swift.md
-- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_props_swift.md
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_reverse.html.erb
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_reverse.jsx
-- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_reversed_swift.md
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_sizes.html.erb
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_sizes.jsx
 - app/pb_kits/playbook/pb_date_stacked/docs/_description.md
@@ -949,14 +929,10 @@ files:
 - app/pb_kits/playbook/pb_date_time/date_time.rb
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_align.html.erb
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_align.jsx
-- app/pb_kits/playbook/pb_date_time/docs/_date_time_alignment_swift.md
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_default.html.erb
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_default.jsx
-- app/pb_kits/playbook/pb_date_time/docs/_date_time_default_swift.md
-- app/pb_kits/playbook/pb_date_time/docs/_date_time_props_swift.md
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_size.html.erb
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_size.jsx
-- app/pb_kits/playbook/pb_date_time/docs/_date_time_size_swift.md
 - app/pb_kits/playbook/pb_date_time/docs/_description.md
 - app/pb_kits/playbook/pb_date_time/docs/example.yml
 - app/pb_kits/playbook/pb_date_time/docs/index.js
@@ -977,8 +953,6 @@ files:
 - app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default.html.erb
 - app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default.jsx
 - app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default.md
-- app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default_swift.md
-- app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_props_swift.md
 - app/pb_kits/playbook/pb_date_year_stacked/docs/_description.md
 - app/pb_kits/playbook/pb_date_year_stacked/docs/_footer.md
 - app/pb_kits/playbook/pb_date_year_stacked/docs/example.yml
@@ -1073,29 +1047,25 @@ files:
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.md
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure_rails.html.erb
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure_rails.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.html.erb
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options.md
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options_rails.html.erb
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options_rails.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger.md
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger_rails.html.erb
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger_rails.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_hook.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.html.erb
@@ -1190,22 +1160,15 @@ files:
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.jsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.md
-- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children_swift.md
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_close.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_close.jsx
-- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_close_swift.md
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_default.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_default.jsx
-- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_default_swift.md
-- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_dismiss_with_timer_swift.md
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.jsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.md
-- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line_swift.md
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_positions.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_positions.jsx
-- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_positions_swift.md
-- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_props_swift.md
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/example.yml
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/index.js
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.html.erb
@@ -2935,7 +2898,6 @@ files:
 - lib/playbook/forms/builder/form_field_builder.rb
 - lib/playbook/forms/builder/intl_telephone_field.rb
 - lib/playbook/forms/builder/multi_level_select_field.rb
-- lib/playbook/forms/builder/phone_number_field.rb
 - lib/playbook/forms/builder/select_field.rb
 - lib/playbook/forms/builder/typeahead_field.rb
 - lib/playbook/hover.rb

data/app/pb_kits/playbook/pb_avatar/docs/_avatar_badge_component_overlay.md

@@ -1,3 +0,0 @@
-NOTE: All `componentOverlay` implementations require a `placement` prop, that accepts any of the following values: `top-right`, `top-left`, `bottom-right`, `bottom-left`, `top-center`, `bottom-center`, `left-center`, and `right-center`.
-
-When passing the `badge` component as an overlay, you must also specify its text content,and you may optionally control the color by passing an [approved value](https://playbook.powerapp.cloud/kits/badge#colors) as a `variant`.

data/app/pb_kits/playbook/pb_avatar/docs/_avatar_circle_icon_component_overlay.md

@@ -1,3 +0,0 @@
-NOTE: All `componentOverlay` implementations require a `placement` prop, that accepts any of the following values: `top-right`, `top-left`, `bottom-right`, `bottom-left`, `top-center`, `bottom-center`, `left-center`, and `right-center`.
-
-When passing the `iconCircle` component as an overlay, you must also specify an `icon`, and you may optionally control the color by passing an [approved value](https://playbook.powerapp.cloud/kits/icon_circle/rails#color) as a `variant`.

data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleIcon.tsx

@@ -1,92 +0,0 @@
-import React from "react";
-import Icon, { IconSizes } from "../../pb_icon/_icon";
-
-type IconColors =
-  | "default"
-  | "light"
-  | "lighter"
-  | "link"
-  | "error"
-  | "success";
-
-type IconProps = {
-  collapsed: boolean | (() => void);
-  icon?: string[] | string;
-  iconColor?: IconColors;
-  iconSize?: IconSizes;
-  onIconClick?: () => void;
-};
-
-type colorMap = {
-  default: string;
-  light: string;
-  lighter: string;
-  link: string;
-  error: string;
-  success: string;
-};
-
-const colorMap = {
-  default: "#242B42",
-  light: "#687887",
-  lighter: "#C1CDD6",
-  link: "#0056CF",
-  error: "#FF2229",
-  success: "#00CA74",
-};
-
-const CollapsibleIcon = ({
-  collapsed,
-  icon,
-  iconSize,
-  iconColor,
-  onIconClick,
-}: IconProps) => {
-  const color = colorMap[iconColor];
-
-  const showIcon = (icon: string | string[]) => {
-    if (typeof icon === "string") {
-      return [icon, icon];
-    }
-    return icon;
-  };
-
-  const handleIconClick = (e: React.MouseEvent<HTMLElement>) => {
-    if (onIconClick) {
-      e.stopPropagation();
-      onIconClick();
-    }
-  };
-
-  return (
-    <>
-      {collapsed ? (
-        <div
-            className="icon_wrapper"
-            key={icon ? showIcon(icon)[0] : "chevron-down"}
-            onClick={(e) => handleIconClick(e)}
-            style={{ verticalAlign: "middle", color: color }}
-        >
-          <Icon
-              icon={icon ? showIcon(icon)[0] : "chevron-down"}
-              size={iconSize}
-          />
-        </div>
-      ) : (
-        <div
-            className="icon_wrapper"
-            key={icon ? showIcon(icon)[1] : "chevron-up"}
-            onClick={(e) => handleIconClick(e)}
-            style={{ verticalAlign: "middle", color: color }}
-        >
-          <Icon
-              icon={icon ? showIcon(icon)[1] : "chevron-up"}
-              size={iconSize}
-          />
-        </div>
-      )}
-    </>
-  );
-};
-
-export default CollapsibleIcon;

data/app/pb_kits/playbook/pb_collapsible/collapsible_icon.html.erb

@@ -1,15 +0,0 @@
-<%= content_tag(:div,
-    id: object.id,
-    data: object.data,
-    class: object.classname,
-    aria: object.aria,
-    style: "color: #{object.icon_color};",
-    **combined_html_options) do %>
-        <% if object.icon.present? %>
-          <%= pb_rails("icon", props: { icon: object.show_icon(object.icon)[0], id:"collapsible_open_icon", size: object.size }) %>
-          <%= pb_rails("icon", props: { icon: object.show_icon(object.icon)[1], id:"collapsible_close_icon", size: object.size }) %>
-        <% else %>
-          <%= pb_rails("icon", props: { icon: "chevron-down", id:"collapsible_open_icon", size: object.size }) %>
-          <%= pb_rails("icon", props: { icon: "chevron-up", id:"collapsible_close_icon", size: object.size }) %>
-        <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_collapsible/collapsible_icon.rb

@@ -1,37 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbCollapsible
-    class CollapsibleIcon < Playbook::KitBase
-      prop :collapsed, type: Playbook::Props::Boolean,
-                       default: true
-      prop :color, type: Playbook::Props::Enum,
-                   values: %w[default light lighter link success error],
-                   default: "default"
-      prop :icon
-      prop :size, type: Playbook::Props::Enum,
-                  values: ["lg", "xs", "sm", "1x", "2x", "3x", "4x", "5x", "6x", "7x", "8x", "9x", "10x", nil],
-                  default: nil
-
-      def classname
-        generate_classname("pb_collapsible_icon_kit", separator: " ")
-      end
-
-      def show_icon(icon)
-        case icon
-        when ::String
-          [icon, icon]
-        when ::Array
-          icon
-        end
-      end
-
-      def icon_color
-        return "" if color.nil?
-
-        color_object = { light: "#687887", lighter: "#C1CDD6", link: "#0056CF", success: "#00CA74", error: "#FF2229", default: "#242B42" }
-        color_object[color.to_sym]
-      end
-    end
-  end
-end

data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main.jsx

@@ -1,72 +0,0 @@
-import React from 'react'
-import { Collapsible, useCollapsible, Background, Flex, Title, List, ListItem } from '../..'
-
-const CollapsibleCustomMain = () => {
-  const [isCollapsed, setIsCollapsed] = useCollapsible(true)
-
-  return (
-  <>
-    <Collapsible
-        collapsed={isCollapsed}
-    >
-          <Background 
-              backgroundColor="white" 
-              cursor="pointer"
-              htmlOptions={{onClick:() => setIsCollapsed(!isCollapsed)}}
-              position="sticky" 
-              top="0" 
-          >
-              <Flex 
-                  align="center" 
-                  gap="sm"
-                  justify="between" 
-              >
-                <Title 
-                    size={4} 
-                    text="Custom Main Section" 
-                />
-              </Flex>
-          </Background>
-      <Collapsible.Content padding="none">
-          <div>
-          <List>
-              <ListItem 
-                  align="stretch"
-                  flexDirection="column" 
-              >
-                Checklist item
-              </ListItem>
-              <ListItem 
-                  align="stretch"
-                  flexDirection="column" 
-              >
-                Checklist item
-              </ListItem>
-              <ListItem 
-                  align="stretch"
-                  flexDirection="column" 
-              >
-                Checklist item
-              </ListItem>
-              <ListItem 
-                  align="stretch"
-                  flexDirection="column" 
-              >
-                Checklist item
-              </ListItem>
-              <ListItem 
-                  align="stretch"
-                  flexDirection="column" 
-              >
-                Checklist item
-              </ListItem>
-            </List>
-          </div>
-      </Collapsible.Content>
-    </Collapsible>
-   
-  </>
-  )
-}
-
-export default CollapsibleCustomMain

data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main.md

@@ -1,3 +0,0 @@
-Optionally replace your `Collapsible.Main` with any component to customize your Main section's contents and/or style. This gives you full control over that subcomponent. For example, here we are using global props to make that custom Main 'sticky' on scroll.
-
-__NOTE__: Custom main sections requires the `useCollapsible` hook to ensure the collapsible's toggle action works correctly.

data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_rails.html.erb

@@ -1,19 +0,0 @@
-<%= pb_rails("collapsible", props: { name: "default-example" }) do %>
-    <%= pb_rails("background", props: { background_color: "white", position: "sticky", top: "0", cursor:"pointer", data: {"collapsible-main": "true"} }) do %>
-      <%= pb_rails("flex", props: {align:"center", gap:"sm", justify:"between"}) do %>
-        <%= pb_rails("title", props: { text: "Custom Main Section", tag: "h4", size: 4 }) %>
-     <% end %>
-      <% end %>
-     <%= pb_rails("flex", props: { align: "center", justify: "between" }) do %>
-    <% end %>
-      <%= pb_rails("collapsible/collapsible_content", props: { padding: "none"  }) do %>
-        <%= pb_rails("list", props: {ordered: false, dark: false, borderless: false}) do %>
-            <%= pb_rails("list/item") do %> Checklist Item <% end %>
-            <%= pb_rails("list/item") do %> Checklist Item <% end %>
-            <%= pb_rails("list/item") do %> Checklist Item <% end %>
-            <%= pb_rails("list/item") do %> Checklist Item <% end %>
-            <%= pb_rails("list/item") do %> Checklist Item <% end %>
-            <% end %>
-      <% end %>
-    <% end %>
-    

data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_rails.md

@@ -1,3 +0,0 @@
-Optionally replace your `collapsible/collapsible_main` with any component to customize your Main section's contents and/or style. This gives you full control over that subcomponent. For example, here we are using global props to make that custom Main 'sticky' on scroll.
-
-__NOTE__: Custom main sections require `data: {"collapsible-main": "true"}` to ensure the collapsible's toggle action works correctly.

data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_with_icon.jsx

@@ -1,73 +0,0 @@
-import React from 'react'
-import { Collapsible, useCollapsible, Background, Flex, Title, List, ListItem } from '../..'
-
-const CollapsibleCustomMainWithIcon = () => {
-  const [isCollapsed, setIsCollapsed] = useCollapsible(true)
-
-  return (
-  <>
-    <Collapsible
-        collapsed={isCollapsed}
-    >
-          <Background 
-              backgroundColor="white" 
-              cursor="pointer"
-              htmlOptions={{onClick:() => setIsCollapsed(!isCollapsed)}}
-              position="sticky" 
-              top="0" 
-          >
-              <Flex 
-                  align="center" 
-                  gap="sm"
-                  justify="between" 
-              >
-                <Title 
-                    size={4} 
-                    text="Custom Main Section" 
-                />
-                <Collapsible.Icon collapsed={isCollapsed}/>
-              </Flex>
-          </Background>
-      <Collapsible.Content padding="none">
-          <div>
-          <List>
-              <ListItem 
-                  align="stretch"
-                  flexDirection="column" 
-              >
-                Checklist item
-              </ListItem>
-              <ListItem 
-                  align="stretch"
-                  flexDirection="column" 
-              >
-                Checklist item
-              </ListItem>
-              <ListItem 
-                  align="stretch"
-                  flexDirection="column" 
-              >
-                Checklist item
-              </ListItem>
-              <ListItem 
-                  align="stretch"
-                  flexDirection="column" 
-              >
-                Checklist item
-              </ListItem>
-              <ListItem 
-                  align="stretch"
-                  flexDirection="column" 
-              >
-                Checklist item
-              </ListItem>
-            </List>
-          </div>
-      </Collapsible.Content>
-    </Collapsible>
-   
-  </>
-  )
-}
-
-export default CollapsibleCustomMainWithIcon

data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_with_icon.md

@@ -1,3 +0,0 @@
-When using a custom Main Section, you can also use the optional `Collapsible.Icon`.
-
-__NOTE__: The optional icon subcomponent must receive the `collapsed` state of the collapsible in order to toggle correctly. It also accepts all icon-related props (`icon`, `size`, and `color`) for further customization. If none of these are specified, the default icon will be rendered.

data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_with_icon_rails.html.erb

@@ -1,20 +0,0 @@
-<%= pb_rails("collapsible", props: { name: "default-example" }) do %>
-    <%= pb_rails("background", props: { background_color: "white", position: "sticky", top: "0", cursor:"pointer", data: {"collapsible-main": "true"} }) do %>
-      <%= pb_rails("flex", props: {align:"center", gap:"sm", justify:"between"}) do %>
-        <%= pb_rails("title", props: { text: "Custom Main Section", tag: "h4", size: 4 }) %>
-    <%= pb_rails("collapsible/collapsible_icon") %>
-     <% end %>
-      <% end %>
-     <%= pb_rails("flex", props: { align: "center", justify: "between" }) do %>
-    <% end %>
-      <%= pb_rails("collapsible/collapsible_content", props: { padding: "none"  }) do %>
-        <%= pb_rails("list", props: {ordered: false, dark: false, borderless: false}) do %>
-            <%= pb_rails("list/item") do %> Checklist Item <% end %>
-            <%= pb_rails("list/item") do %> Checklist Item <% end %>
-            <%= pb_rails("list/item") do %> Checklist Item <% end %>
-            <%= pb_rails("list/item") do %> Checklist Item <% end %>
-            <%= pb_rails("list/item") do %> Checklist Item <% end %>
-            <% end %>
-      <% end %>
-    <% end %>
-    

data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_with_icon_rails.md

@@ -1,3 +0,0 @@
-When using a custom Main Section, you can also use the optional `collapsible/collapsible_icon` subcomponent.
-
-__NOTE__: The optional icon subcomponent accepts all icon-related props (`icon`, `size`, and `color`) for further customization. If none of these are specified, the default icon will be rendered.

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

@@ -1,61 +0,0 @@
-![Date-Range-Inline-Default](https://github.com/powerhome/playbook-swift/assets/54749071/793dc133-b2a8-4283-96e1-c8b19065392d)
-
-```swift
-VStack(alignment: .leading, spacing: Spacing.large) {
-  VStack(alignment: .leading, spacing: Spacing.small) {
-    PBDateRangeInline(
-      size: .caption,
-      iconSize: .xSmall,
-      startDate: "18 Jun 2013",
-      endDate: "20 Mar 2015",
-      startVariant: .standard
-    )
-    PBDateRangeInline(
-      size: .body, 
-      iconSize: .x1,
-      startDate: "18 Jun 2013",
-      endDate: "20 Mar 2015",
-      startVariant: .standard
-    )
-  }
-  .frame(maxWidth: .infinity, alignment: .leading)
-  VStack(alignment: .center, spacing: Spacing.small) {
-    PBDateRangeInline(
-      size: .caption, 
-      iconSize: .xSmall,
-      startDate: "15 Jan 2013",
-      endDate: "15 Aug 2015",
-      startVariant: .short(showIcon: true),
-      endVariant: .short(showIcon: false)
-    )
-    PBDateRangeInline(
-      size: .body, 
-      iconSize: .x1,
-      startDate: "15 Jan 2013",
-      endDate: "15 Aug 2015",
-      startVariant: .short(showIcon: true),
-      endVariant: .short(showIcon: false)
-    )
-  }
-  .frame(maxWidth: .infinity, alignment: .center)
-  VStack(alignment: .trailing, spacing: Spacing.small) {
-    PBDateRangeInline(
-      size: .caption, 
-      iconSize: .xSmall,
-      startDate: "15 Jan 2013",
-      endDate: "15 Aug 2015",
-      startVariant: .short(showIcon: true),
-      endVariant: .short(showIcon: false)
-    )
-    PBDateRangeInline(
-      size: .body, 
-      iconSize: .x1,
-      startDate: "15 Jan 2013",
-      endDate: "15 Aug 2015",
-      startVariant: .short(showIcon: true),
-      endVariant: .short(showIcon: false)
-    )
-  }
-  .frame(maxWidth: .infinity, alignment: .trailing)
-}
-```

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

@@ -1,11 +0,0 @@
-### Props
-| Name | Type | Description | Default | Values |
-| --- | ----------- | --------- | --------- | --------- |
-| **date** | `Date` | Sets the date | `Date()` |  |
-| **size** | `PBFont` | Sets the font size | `.body` |  `.body` `.caption` `.subcaption` |
-| **iconSize** | `PBIcon.IconSize` | Sets the icon size | `.xSmall` | `xSmall` `small` `large` `x1` |
-| **startDate** | `String` | Takes a string value to set the starting date range value | |  |
-| **endDate** | `String` | Takes a string value to set the ending date range value | |  |
-| **startVariant** | `PBDate.Variant` | Changes the style of the starting date | `.standard` | `.short(showIcon: false)` `.dayDate` `.standard` `.withIcon(isStandard: true)` `withIcon(isStandard: false)` |
-| **endVariant** | `PBDate.Variant` | Changes the style of the ending date | `.standard` | `.short(showIcon: false)` `.dayDate` `.standard` `.withIcon(isStandard: true)` `withIcon(isStandard: false)` |
-| **isArrowIconBold** | `Bool` | Determines if the date range arrow is bold | `false` | `true` `false` |