playbook_ui 14.25.0.pre.alpha.testingcss10239 → 14.25.0.pre.rc.0

data/lib/playbook/classnames.rb

@@ -17,8 +17,6 @@ module Playbook
         min_width_props,
         max_width_props,
         gap_props,
-        column_gap_props,
-        row_gap_props,
         z_index_props,
         number_spacing_props,
         shadow_props,

data/lib/playbook/spacing.rb

@@ -4,8 +4,6 @@ module Playbook
   module Spacing
     def self.included(base)
       base.prop :gap
-      base.prop :column_gap
-      base.prop :row_gap
       base.prop :margin
       base.prop :margin_bottom
       base.prop :margin_left
@@ -65,18 +63,6 @@ module Playbook
       }
     end
 
-    def column_gap_options
-      {
-        column_gap: "column_gap",
-      }
-    end
-
-    def row_gap_options
-      {
-        row_gap: "row_gap",
-      }
-    end
-
     def spacing_options
       {
         margin: "m",
@@ -178,45 +164,7 @@ module Playbook
 
       selected_gap_props.map do |k|
         gap_value = send(k)
-        if gap_value.is_a?(Hash)
-          gap_value.map do |media_size, gap_spacing_value|
-            "gap_#{media_size}_#{gap_spacing_value.underscore}" if gap_values.include?(gap_spacing_value.to_s)
-          end
-        elsif gap_values.include?(gap_value.to_s)
-          "gap_#{gap_value.underscore}"
-        end
-      end.compact.join(" ")
-    end
-
-    def column_gap_props
-      selected_column_gap_props = column_gap_options.keys.select { |sk| try(sk) }
-      return nil unless selected_column_gap_props.present?
-
-      selected_column_gap_props.map do |k|
-        column_gap_value = send(k)
-        if column_gap_value.is_a?(Hash)
-          column_gap_value.map do |media_size, column_gap_spacing_value|
-            "column_gap_#{media_size}_#{column_gap_spacing_value.underscore}" if gap_values.include?(column_gap_spacing_value.to_s)
-          end
-        elsif gap_values.include?(column_gap_value.to_s)
-          "column_gap_#{column_gap_value.underscore}"
-        end
-      end.compact.join(" ")
-    end
-
-    def row_gap_props
-      selected_row_gap_props = row_gap_options.keys.select { |sk| try(sk) }
-      return nil unless selected_row_gap_props.present?
-
-      selected_row_gap_props.map do |k|
-        row_gap_value = send(k)
-        if row_gap_value.is_a?(Hash)
-          row_gap_value.map do |media_size, row_gap_spacing_value|
-            "row_gap_#{media_size}_#{row_gap_spacing_value.underscore}" if gap_values.include?(row_gap_spacing_value.to_s)
-          end
-        elsif gap_values.include?(row_gap_value.to_s)
-          "row_gap_#{row_gap_value.underscore}"
-        end
+        "gap_#{gap_value}" if gap_values.include? gap_value
       end.compact.join(" ")
     end
   end

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "14.25.0"
-  VERSION = "14.25.0.pre.alpha.testingcss10239"
+  PREVIOUS_VERSION = "14.24.0"
+  VERSION = "14.25.0.pre.rc.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.25.0.pre.alpha.testingcss10239
+  version: 14.25.0.pre.rc.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-09-05 00:00:00.000000000 Z
+date: 2025-08-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -352,10 +352,6 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading_react.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_no_subrows.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_no_subrows.jsx
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control.jsx
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control_per_row.jsx
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control_per_row.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.jsx
@@ -816,8 +812,6 @@ files:
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_click.jsx
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_default.html.erb
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_default.jsx
-- app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_input_options.html.erb
-- app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_input_options.md
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.html.erb
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.jsx
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.md
@@ -972,7 +966,6 @@ files:
 - app/pb_kits/playbook/pb_date/_date.tsx
 - app/pb_kits/playbook/pb_date/date.html.erb
 - app/pb_kits/playbook/pb_date/date.rb
-- app/pb_kits/playbook/pb_date/date.test.js
 - app/pb_kits/playbook/pb_date/docs/_date_alignment.html.erb
 - app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
 - app/pb_kits/playbook/pb_date/docs/_date_alignment_swift.md
@@ -1337,6 +1330,35 @@ files:
 - app/pb_kits/playbook/pb_draggable/index.js
 - app/pb_kits/playbook/pb_draggable/subcomponents/DraggableContainer.tsx
 - app/pb_kits/playbook/pb_draggable/subcomponents/DraggableItem.tsx
+- app/pb_kits/playbook/pb_drawer/_close_icon.tsx
+- app/pb_kits/playbook/pb_drawer/_drawer.scss
+- app/pb_kits/playbook/pb_drawer/_drawer.tsx
+- app/pb_kits/playbook/pb_drawer/_drawer_context.tsx
+- app/pb_kits/playbook/pb_drawer/context.ts
+- app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.html.erb
+- app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.jsx
+- app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.html.erb
+- app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.jsx
+- app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.html.erb
+- app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx
+- app/pb_kits/playbook/pb_drawer/docs/_drawer_default.html.erb
+- app/pb_kits/playbook/pb_drawer/docs/_drawer_default.jsx
+- app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.html.erb
+- app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx
+- app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.md
+- app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.html.erb
+- app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.jsx
+- app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.md
+- app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.html.erb
+- app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.jsx
+- app/pb_kits/playbook/pb_drawer/docs/example.yml
+- app/pb_kits/playbook/pb_drawer/docs/index.js
+- app/pb_kits/playbook/pb_drawer/drawer.html.erb
+- app/pb_kits/playbook/pb_drawer/drawer.rb
+- app/pb_kits/playbook/pb_drawer/drawer.test.jsx
+- app/pb_kits/playbook/pb_drawer/hooks/useBreakpoint.tsx
+- app/pb_kits/playbook/pb_drawer/hooks/useDrawerAnimation.tsx
+- app/pb_kits/playbook/pb_drawer/index.js
 - app/pb_kits/playbook/pb_dropdown/_dropdown.scss
 - app/pb_kits/playbook/pb_dropdown/_dropdown.tsx
 - app/pb_kits/playbook/pb_dropdown/_dropdown_mixin.scss
@@ -1551,9 +1573,6 @@ files:
 - 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_no_icon.html.erb
-- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_no_icon.jsx
-- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_no_icon.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
@@ -1577,8 +1596,7 @@ files:
 - app/pb_kits/playbook/pb_flex/docs/_flex_default.md
 - app/pb_kits/playbook/pb_flex/docs/_flex_gap.html.erb
 - app/pb_kits/playbook/pb_flex/docs/_flex_gap.jsx
-- app/pb_kits/playbook/pb_flex/docs/_flex_gap_rails.md
-- app/pb_kits/playbook/pb_flex/docs/_flex_gap_react.md
+- app/pb_kits/playbook/pb_flex/docs/_flex_gap.md
 - app/pb_kits/playbook/pb_flex/docs/_flex_inline.html.erb
 - app/pb_kits/playbook/pb_flex/docs/_flex_inline.jsx
 - app/pb_kits/playbook/pb_flex/docs/_flex_inline.md
@@ -2370,14 +2388,11 @@ files:
 - app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_percentage.tsx
 - app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx
 - app/pb_kits/playbook/pb_pagination/_pagination.scss
-- app/pb_kits/playbook/pb_pagination/_pagination.test.jsx
 - app/pb_kits/playbook/pb_pagination/_pagination.tsx
 - app/pb_kits/playbook/pb_pagination/docs/_pagination_default.html.erb
 - app/pb_kits/playbook/pb_pagination/docs/_pagination_default.jsx
 - app/pb_kits/playbook/pb_pagination/docs/_pagination_default_rails.md
 - app/pb_kits/playbook/pb_pagination/docs/_pagination_default_react.md
-- app/pb_kits/playbook/pb_pagination/docs/_pagination_external_control.jsx
-- app/pb_kits/playbook/pb_pagination/docs/_pagination_external_control_react.md
 - app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change.jsx
 - app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change_react.md
 - app/pb_kits/playbook/pb_pagination/docs/data.js
@@ -3620,9 +3635,9 @@ files:
 - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
 - app/pb_kits/playbook/utilities/text.ts
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
-- dist/chunks/_line_graph-CApw7aQD.js
-- dist/chunks/_typeahead-J1_avqdO.js
-- dist/chunks/_weekday_stacked-C3QAjEFv.js
+- dist/chunks/_line_graph-D7DgMqnT.js
+- dist/chunks/_typeahead-BzYZCpJO.js
+- dist/chunks/_weekday_stacked-CJIFKKe7.js
 - dist/chunks/lazysizes-B7xYodB-.js
 - dist/chunks/lib-CY5ZPzic.js
 - dist/chunks/pb_form_validation-D3b0JKHH.js

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

@@ -1,60 +0,0 @@
-import React from "react"
-import AdvancedTable from '../_advanced_table'
-import Background from '../../pb_background/_background'
-import MOCK_DATA from "./advanced_table_mock_data_with_id.json"
-
-const AdvancedTablePaddingControl = (props) => {
-  const columnDefinitions = [
-    {
-      accessor: "year",
-      label: "Year",
-      cellAccessors: ["quarter", "month", "day"],
-    },
-    {
-      accessor: "newEnrollments",
-      label: "New Enrollments",
-      columnStyling:{cellPadding: "none"},
-      customRenderer: (row, value) => (
-        <Background 
-            backgroundColor={row.original.newEnrollments > 20 ? "success_secondary" : "warning_secondary"}
-            padding="xs" 
-        >
-         {value}
-        </Background>
-      ), 
-
-    },
-    {
-      accessor: "scheduledMeetings",
-      label: "Scheduled Meetings",
-    },
-    {
-      accessor: "attendanceRate",
-      label: "Attendance Rate",
-    },
-    {
-      accessor: "completedClasses",
-      label: "Completed Classes",
-    },
-    {
-      accessor: "classCompletionRate",
-      label: "Class Completion Rate",
-    },
-    {
-      accessor: "graduatedStudents",
-      label: "Graduated Students",
-    },
-  ]
-
-  return (
-    <div>
-      <AdvancedTable
-          columnDefinitions={columnDefinitions}
-          tableData={MOCK_DATA}
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default AdvancedTablePaddingControl

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

@@ -1,3 +0,0 @@
-`columnStyling` can also be used to control padding on all cells in a given column via the use of the `cellPadding` key/value pair. `cellPadding` lets you use 'xxs', 'xs', 'sm', 'md', 'lg', 'xl' and 'none'.  
-
-This control can be used in conjunction with the `customRenderer` item within each columnDefinition to achieve custom background colors for individual cells as seen here. 

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

@@ -1,57 +0,0 @@
-import React from "react"
-import AdvancedTable from '../_advanced_table'
-import MOCK_DATA from "./advanced_table_mock_data_with_id.json"
-
-const AdvancedTablePaddingControlPerRow = (props) => {
-  const columnDefinitions = [
-    {
-      accessor: "year",
-      label: "Year",
-      cellAccessors: ["quarter", "month", "day"],
-    },
-    {
-      accessor: "newEnrollments",
-      label: "New Enrollments",
-    },
-    {
-      accessor: "scheduledMeetings",
-      label: "Scheduled Meetings",
-    },
-    {
-      accessor: "attendanceRate",
-      label: "Attendance Rate",
-    },
-    {
-      accessor: "completedClasses",
-      label: "Completed Classes",
-    },
-    {
-      accessor: "classCompletionRate",
-      label: "Class Completion Rate",
-    },
-    {
-      accessor: "graduatedStudents",
-      label: "Graduated Students",
-    },
-  ]
-
-const rowStyling = [
-  {
-    rowId: "1",
-    cellPadding:"md"
-  },
-];
-
-  return (
-    <div>
-      <AdvancedTable
-          columnDefinitions={columnDefinitions}
-          rowStyling={rowStyling}
-          tableData={MOCK_DATA}
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default AdvancedTablePaddingControlPerRow

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

@@ -1 +0,0 @@
-`rowStyling` can also be used to control padding on all cells in a given row via the use of the `cellPadding` key/value pair as shown here. `cellPadding` lets you use 'xxs', 'xs', 'sm', 'md', 'lg', 'xl' and 'none'.

data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_input_options.html.erb

@@ -1,24 +0,0 @@
-<%= pb_rails("circle_icon_button", props: {
-  icon: "plus",
-  input_options: {
-    data: { "test-id": "add-button", remote: true },
-  }
-}) %>
-<br/>
-<%= pb_rails("circle_icon_button", props: {
-  icon: "pen",
-  variant: "secondary",
-  input_options: {
-    data: { "test-id": "edit-button" },
-    classname: "custom-secondary-button-class"
-  }
-}) %>
-<br/>
-<%= pb_rails("circle_icon_button", props: {
-  icon: "user",
-  variant: "link",
-  input_options: {
-    data: { "test-id": "user-button" },
-    id: "user-button-id"
-  }
-}) %>

data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_input_options.md

@@ -1,3 +0,0 @@
-Use the `input_options` prop to pass additional attributes directly to the internal Playbook Button component. While the wrapper div has access to the standard `data` prop from KitBase, `input_options` allows you to attach attributes specifically to the internal button element.
-
-This is particularly useful when you need data attributes or other HTML attributes to apply to the button itself.