playbook_ui 14.24.0.pre.alpha.PLAY2350ftniconspike9659 → 14.24.0.pre.alpha.PLAY2360circleiconbuttonvariantdatabug9404

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1f2c150d4bd9ba1c7fcd612df94bd087fb996688319217b89389f8b943ffc7e4
-  data.tar.gz: 0d14e1417b0816f99078d9a9d0c1eabbeebd632fda5c40cb4fafd359b72b2241
+  metadata.gz: 98c5c478e464b03b5475af0b166abedeb9108930b4910793931f49a4741eed76
+  data.tar.gz: 2441f66670e67af47e3e43d8ec7ce5655397775f492e7fa0703846f27533dc1e
 SHA512:
-  metadata.gz: 585d4d18abab4354f501a682ce0c9224ab9be48763b782bfe01c3c5898f300cc954515f47a1deb4c510455a94ee33d40e65fa01d309999c08889dd1200f051d6
-  data.tar.gz: e523e2837fb42fecb343691e464bec93b743a31e15ef854db7c27370477cf7392abdc43f21d13f9c07f9055fd104fd1d127102678c0aaac8b5c4273ccdba9003
+  metadata.gz: 47c8f860c92388bf92a90786dd656ccc45855a90126d2808fadfc5defa9d37c4c3f4ae8e47b5a67c2e203bb32db3b70b7ffda104a65afa2cc87fedadd3c8cf34
+  data.tar.gz: 624c4bd1ebc4a0d0d815cb1a653e217dfb333b2ce4e7f76603ba585cb6d64f5a2f83c53170db29925cc52d48a7f9abc3267fd3f4ab4c79511a48eaa3fc89a3ee

data/app/pb_kits/playbook/pb_advanced_table/Components/RegularTableView.tsx

@@ -58,9 +58,7 @@ const TableCellRenderer = ({
         // Find the “owning” colDefinition by accessor. Needed for multi column logic
         const colDef = findColumnDefByAccessor(columnDefinitions ?? [], column.id)
         const cellAlignment = colDef?.columnStyling?.cellAlignment ?? "right"
-        const paddingValue = colDef?.columnStyling?.cellPadding ?? customRowStyle?.cellPadding
-        const paddingClass = paddingValue ? `p_${paddingValue}` : undefined
-        
+
         return (
           <td
               align={cellAlignment}
@@ -70,7 +68,6 @@ const TableCellRenderer = ({
                 isPinnedLeft && 'pinned-left',
                 stickyLeftColumn && stickyLeftColumn.length > 0 && isPinnedLeft && 'sticky-left',
                 isLastCell && 'last-cell',
-                paddingClass
               )}
               key={`${cell.id}-data`}
               style={{
@@ -134,15 +131,13 @@ export const RegularTableView = ({
   const columnDefinitions = table.options.meta?.columnDefinitions || [];
   // Row pinning
   function PinnedRow({ row }: { row: Row<any> }) {
-    const customRowStyle = rowStyling?.length > 0 && rowStyling?.find((s: GenericObject) => s?.rowId === row.id);
     return (
       <tr
           className={classnames(
             `pinned-row`,
           )}
           style={{
-            backgroundColor: customRowStyle?.backgroundColor ? customRowStyle?.backgroundColor : 'white',
-            color: customRowStyle?.fontColor,
+            backgroundColor: 'white',
             position: 'sticky',
             top:   
               row.getIsPinned() === 'top'
@@ -155,7 +150,6 @@ export const RegularTableView = ({
             collapsibleTrail={collapsibleTrail}
             columnDefinitions={columnDefinitions}
             columnPinning={columnPinning}
-            customRowStyle={customRowStyle}
             loading={loading}
             row={row}
             stickyLeftColumn={stickyLeftColumn}

data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx

@@ -113,6 +113,7 @@ export const TableHeaderCell = ({
     return visibleSiblings.at(-1) === header.column;
   })();
 
+
 const cellClassName = classnames(
   "table-header-cells",
   `${showActionsBar && isActionBarVisible && "header-cells-with-actions"}`,
@@ -121,7 +122,7 @@ const cellClassName = classnames(
   { "pinned-left": responsive === "scroll" && isPinnedLeft },
    isLastHeaderCell ? "last-header-cell" : "",
   stickyLeftColumn && stickyLeftColumn.length > 0 && isPinnedLeft ? 'sticky-left' : "",
-  colDef?.columnStyling?.headerPadding && `p_${colDef?.columnStyling?.headerPadding}`
+
 ); 
 
 const cellId = `${loading ? 

data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss

@@ -971,40 +971,6 @@
       }
     }
   }
-
-  // Firefox-specific fix for last-header-cell and last-cell vertical borders
-  @-moz-document url-prefix() {
-    .pb_advanced_table_header {
-      .last-header-cell {
-        border-right: none !important;
-        box-shadow: 1px 0 0 0 $border_light !important;
-      }
-    }
-
-    .pb_advanced_table_body {
-      .last-cell {
-        border-right: none !important;
-        box-shadow: 1px 0 0 0 $border_light !important;
-      }
-    }
-
-    // Dark mode Firefox fixes
-    &.dark {
-      .pb_advanced_table_header {
-        .last-header-cell {
-          border-right: none !important;
-          box-shadow: 1px 0 0 0 $border_dark !important;
-        }
-      }
-
-      .pb_advanced_table_body {
-        .last-cell {
-          border-right: none !important;
-          box-shadow: 1px 0 0 0 $border_dark !important;
-        }
-      }
-    }
-  }
 }
 
 // Outside of the pb_advanced_table class for popover

data/app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx

@@ -651,36 +651,6 @@ test("columnStyling.cellAlignment sets each <td> align attribute as expected", (
   expect(firstEnrollmentCell).toHaveAttribute("align", "left");
 });
 
-test("columnStyling.cellPadding sets cell padding", () => {
-  const styledColumnDefs = [
-    {
-      accessor: "year",
-      label: "Year",
-      cellAccessors: ["quarter", "month", "day"],
-    },
-    {
-      accessor: "newEnrollments",
-      label: "New Enrollments",
-      columnStyling: { cellPadding: "none" },
-    },
-    {
-      accessor: "scheduledMeetings",
-      label: "Scheduled Meetings",
-    },
-  ];
-
-  render(
-    <AdvancedTable
-        columnDefinitions={styledColumnDefs}
-        data={{ testid: testId }}
-        tableData={MOCK_DATA}
-    />
-  );
-
-  const firstEnrollmentCell = screen.getAllByText("20")[0].closest("td");
-  expect(firstEnrollmentCell).toHaveClass('p_none')
-});
-
 test("renders virtualized table rows and header", () => {
   render(
     <AdvancedTable
@@ -724,32 +694,6 @@ test("rowStyling prop works as expected", () => {
   expect(row1).toHaveStyle({backgroundColor: colors.white, color: colors.black})
 })
 
-test("rowStyling prop to allow padding control", () => {
-  const rowStyling = [
-  {
-    rowId: "1",
-    cellPadding: "lg"
-  },
-];
-
-  render(
-    <AdvancedTable
-        columnDefinitions={columnDefinitions}
-        data={{ testid: testId }}
-        rowStyling={rowStyling}
-        tableData={MOCK_DATA_WITH_ID}
-    />
-  )
-
-  const kit = screen.getByTestId(testId)
-  const tableBody = kit.querySelector('tbody')
-  const row1 = tableBody.querySelector('tr:nth-child(1)') 
-   const cells = row1.querySelectorAll("td");
-  cells.forEach((cell) => {
-    expect(cell.classList.contains("p_lg")).toBe(true);
-  });
-})
-
 test("Sort icon renders with enableSort on individual columns", () => {
   render(
     <AdvancedTable

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

@@ -13,7 +13,6 @@ examples:
   - advanced_table_with_custom_header_rails: Custom Header Cell
   - advanced_table_column_headers: Multi-Header Columns
   - advanced_table_column_headers_multiple: Multi-Header Columns (Multiple Levels)
-  - advanced_table_column_headers_vertical_border: Multi-Header Columns with Vertical Borders
   - advanced_table_no_subrows: Table with No Subrows or Expansion
   - advanced_table_selectable_rows_rails: Selectable Rows
   - advanced_table_selectable_rows_no_subrows_rails: Selectable Rows (No Subrows)
@@ -54,7 +53,6 @@ examples:
   - advanced_table_column_headers: Multi-Header Columns
   - advanced_table_column_headers_multiple: Multi-Header Columns (Multiple Levels)
   - advanced_table_column_headers_custom_cell: Multi-Header Columns with Custom Cells
-  - advanced_table_column_headers_vertical_border: Multi-Header Columns with Vertical Borders
   - advanced_table_no_subrows: Table with No Subrows or Expansion
   - advanced_table_pinned_rows: Pinned Rows
   - advanced_table_selectable_rows: Selectable Rows
@@ -68,10 +66,8 @@ examples:
   - advanced_table_column_visibility_multi: Column Visibility Control with Multi-Header Columns
   - advanced_table_scrollbar_none: Advanced Table Scrollbar None
   - advanced_table_row_styling: Row Styling
-  - advanced_table_padding_control_per_row: Padding Control using Row Styling
   - advanced_table_column_styling: Column Styling
   - advanced_table_column_styling_column_headers: Column Styling with Multiple Headers
-  - advanced_table_padding_control: Padding Control using Column Styling
   - advanced_table_column_border_color: Column Group Border Color
   - advanced_table_fullscreen: Fullscreen
   - advanced_table_infinite_scroll: Infinite Scroll

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

@@ -21,7 +21,6 @@ export { default as AdvancedTableSelectableRowsHeader } from './_advanced_table_
 export { default as AdvancedTableSelectableRowsActions } from './_advanced_table_selectable_rows_actions.jsx'
 export { default as AdvancedTableTablePropsStickyHeader } from './_advanced_table_table_props_sticky_header.jsx'
 export { default as AdvancedTableColumnHeadersCustomCell } from './_advanced_table_column_headers_custom_cell.jsx'
-export { default as AdvancedTableColumnHeadersVerticalBorder } from './_advanced_table_column_headers_vertical_border.jsx'
 export { default as AdvancedTableInlineEditing } from './_advanced_table_inline_editing.jsx'
 export { default as AdvancedTableFullscreen } from './_advanced_table_fullscreen.jsx'
 export { default as AdvancedTableStickyColumns } from './_advanced_table_sticky_columns.jsx'
@@ -43,6 +42,4 @@ export {default as AdvancedTableWithCustomHeader} from './_advanced_table_with_c
 export { default as AdvancedTableCustomSort } from './_advanced_table_custom_sort.jsx'
 export { default as AdvancedTableWithCustomHeaderMultiHeader } from './_advanced_table_with_custom_header_multi_header.jsx'
 export { default as AdvancedTableSortPerColumn } from './_advanced_table_sort_per_column.jsx'
-export { default as AdvancedTableSortPerColumnForMultiColumn } from './_advanced_table_sort_per_column_for_multi_column.jsx'
-export { default as AdvancedTablePaddingControl } from './_advanced_table_padding_control.jsx'
-export { default as AdvancedTablePaddingControlPerRow } from './_advanced_table_padding_control_per_row.jsx'
+export { default as AdvancedTableSortPerColumnForMultiColumn } from './_advanced_table_sort_per_column_for_multi_column.jsx'

data/app/pb_kits/playbook/pb_advanced_table/table_row.rb

@@ -43,7 +43,7 @@ module Playbook
       end
 
       def td_classname(column, index)
-        classes = %w[id-cell]
+        classes = %w[id-cell chrome-styles]
         classes << "last-cell" if column[:is_last_in_group]
         classes << "pinned-left" if index.zero? && is_pinned_left && responsive == "scroll"
         classes.join(" ")

data/app/pb_kits/playbook/pb_advanced_table/table_subrow_header.rb

@@ -29,7 +29,7 @@ module Playbook
       end
 
       def td_classname(index)
-        classes = %w[id-cell]
+        classes = %w[id-cell chrome-styles]
         classes << "pinned-left" if index.zero? && responsive == "scroll"
         classes.join(" ")
       end

data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.html.erb

@@ -1,14 +1,5 @@
 <%= pb_content_tag do %>
-  <%= pb_rails("button", props: {
-    type: object.type, 
-    loading: object.loading, 
-    link: object.link, 
-    new_window: object.new_window, 
-    variant: object.variant, 
-    target: object.target, 
-    disabled: object.disabled, 
-    dark: object.dark
-  }.merge(object.input_options)) do %>
+  <%= pb_rails("button", props: {type: object.type, loading: object.loading, link: object.link, new_window:object.new_window, variant: object.variant, target: object.target, disabled: object.disabled, dark: object.dark, data: object.data}) do %>
     <%= pb_rails("icon", props: {icon: object.icon, fixed_width: true, dark: object.dark}) %>
   <% end %>
 <% end %>

data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.rb

@@ -21,8 +21,6 @@ module Playbook
       prop :size, type: Playbook::Props::Enum,
                   values: %w[default sm],
                   default: "default"
-      prop :input_options, type: Playbook::Props::HashProp,
-                           default: {}
 
       def classname
         generate_classname("pb_circle_icon_button_kit") + size_class

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

@@ -5,7 +5,6 @@ examples:
   - circle_icon_button_link: Link
   - circle_icon_button_loading: Loading
   - circle_icon_button_size: Size
-  - circle_icon_button_input_options: Input Options
   
   react:
   - circle_icon_button_default: Default

data/app/pb_kits/playbook/pb_date/_date.tsx

@@ -19,7 +19,6 @@ type PbDateProps = {
   htmlOptions?: { [key: string]: string | number | boolean | (() => void) };
   id?: string;
   showDayOfWeek?: boolean;
-  showCurrentYear?: boolean;
   showIcon?: boolean;
   size?: "sm" | "md" | "lg";
   unstyled?: boolean;
@@ -36,7 +35,6 @@ const PbDate = (props: PbDateProps): React.ReactElement => {
     htmlOptions = {},
     id,
     showDayOfWeek = false,
-    showCurrentYear = false,
     showIcon = false,
     size = "md",
     unstyled = false,
@@ -92,7 +90,7 @@ const PbDate = (props: PbDateProps): React.ReactElement => {
                 {month} {day}
               </span>
 
-              {(currentYear !== year || showCurrentYear) && <span>{`, ${year}`}</span>}
+              {currentYear != year && <span>{`, ${year}`}</span>}
             </span>
           </>
         : size == "md" || size == "lg"
@@ -126,7 +124,7 @@ const PbDate = (props: PbDateProps): React.ReactElement => {
               <span>
                 {month} {day}
               </span>
-              {(currentYear !== year || showCurrentYear) && <span>{`, ${year}`}</span>}
+              {currentYear != year && <span>{`, ${year}`}</span>}
             </Title>
             )
           : (
@@ -160,7 +158,7 @@ const PbDate = (props: PbDateProps): React.ReactElement => {
                 <Caption dark={dark}
                     tag="span">
                   {month} {day}
-                  {(currentYear !== year || showCurrentYear) && <>{`, ${year}`}</>}
+                  {currentYear != year && <>{`, ${year}`}</>}
                 </Caption>
               </>
             )}

data/app/pb_kits/playbook/pb_date/date.html.erb

@@ -13,8 +13,8 @@
     <% end %>
 
     <!-- month day, year -->
-    <%# if not current year or show_current_year is false %>
-    <% if object.year.to_s == DateTime.now.year.to_s && !object.show_current_year %>
+    <%# if not current year %>
+    <% if object.year.to_s == DateTime.now.year.to_s %>
       <span><%= "#{object.month} #{object.day}" %></span>
     <%# if is current year %>
     <% else %>
@@ -44,8 +44,8 @@
 
     <!-- month day, year -->
 
-    <%# if not current year or show_current_year is false %>
-    <% if object.year.to_s == DateTime.now.year.to_s  && !object.show_current_year  %>
+    <%# if not current year %>
+    <% if object.year.to_s == DateTime.now.year.to_s %>
       <%= pb_rails("title", props: { tag: "div", text: "#{object.month} #{object.day}", size: 4 }) %>
     <%# if is current year %>
     <% else %>
@@ -74,8 +74,8 @@
 
     <!-- month day, year -->
 
-    <%# if not current year or show_current_year is false %>
-    <% if object.year.to_s == DateTime.now.year.to_s  && !object.show_current_year %>
+    <%# if not current year %>
+    <% if object.year.to_s == DateTime.now.year.to_s %>
       <%= pb_rails("caption", props: { tag: "span", text: "#{object.month} #{object.day}" }) %>
     <%# if is current year %>
     <% else %>

data/app/pb_kits/playbook/pb_date/date.rb

@@ -11,8 +11,6 @@ module Playbook
                        default: false
       prop :show_day_of_week, type: Playbook::Props::Boolean,
                               default: false
-      prop :show_current_year, type: Playbook::Props::Boolean,
-                               default: false
       prop :size, type: Playbook::Props::Enum,
                   values: %w[lg md sm xs],
                   default: "md"

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

@@ -5,14 +5,12 @@ examples:
   - date_variants: Variants
   - date_alignment: Alignment
   - date_timezone: Timezones
-  - date_with_show_current_year: Show Current Year
   - date_unstyled: Unstyled
 
   react:
   - date_default: Default
   - date_variants: Variants
   - date_alignment: Alignment
-  - date_with_show_current_year: Show Current Year
   - date_unstyled: Unstyled
 
   swift:

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

@@ -2,4 +2,3 @@ export { default as DateDefault } from './_date_default.jsx'
 export { default as DateVariants } from './_date_variants.jsx'
 export { default as DateAlignment } from './_date_alignment.jsx'
 export { default as DateUnstyled } from './_date_unstyled.jsx'
-export { default as DateWithShowCurrentYear } from './_date_with_show_current_year.jsx'

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

@@ -284,9 +284,6 @@ export default class PbDropdown extends PbEnhancedElement {
           this.adjustDropdownHeight();
         }
       });
-      this.element.querySelector(DROPDOWN_INPUT).value = Array.from(this.selectedOptions)
-        .map((opt) => JSON.parse(opt).id)
-        .join(",");
     } else {
       options.forEach((option) => {
         option.classList.remove("pb_dropdown_option_selected");

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.tsx

@@ -52,7 +52,7 @@ const FixedConfirmationToast = (props: FixedConfirmationToastProps): React.React
   } = props;
 
   const returnedIcon = icon || iconMap[status]
-  const iconClass = icon && icon !== "none" ? "custom_icon" : ""
+  const iconClass = icon ? "custom_icon" : ""
 
   const css = classnames(
     `pb_fixed_confirmation_toast_kit_${status}`,
@@ -92,7 +92,7 @@ const FixedConfirmationToast = (props: FixedConfirmationToastProps): React.React
             onClick={handleClick}
             {...htmlProps}
         >
-          {returnedIcon && icon !== "none" && (
+          {returnedIcon && (
             <Icon
                 className="pb_icon"
                 fixedWidth

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

@@ -8,7 +8,6 @@ examples:
   - fixed_confirmation_toast_auto_close: Click to Show Auto Close
   - fixed_confirmation_toast_children: Children
   - fixed_confirmation_toast_custom_icon: Custom Icon
-  - fixed_confirmation_toast_no_icon: No Icon
   
   react:
   - fixed_confirmation_toast_default: Default
@@ -18,7 +17,6 @@ examples:
   - fixed_confirmation_toast_auto_close: Click to Show Auto Close
   - fixed_confirmation_toast_children: Children
   - fixed_confirmation_toast_custom_icon: Custom Icon
-  - fixed_confirmation_toast_no_icon: No Icon
 
   swift:
   - fixed_confirmation_toast_default_swift: Default

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

@@ -5,4 +5,3 @@ export { default as FixedConfirmationToastPositions } from './_fixed_confirmatio
 export { default as FixedConfirmationToastAutoClose } from './_fixed_confirmation_toast_auto_close.jsx'
 export { default as FixedConfirmationToastChildren } from './_fixed_confirmation_toast_children.jsx'
 export { default as FixedConfirmationToastCustomIcon } from './_fixed_confirmation_toast_custom_icon.jsx'
-export { default as FixedConfirmationToastNoIcon } from './_fixed_confirmation_toast_no_icon.jsx'

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.html.erb

@@ -1,7 +1,6 @@
 <%= pb_content_tag do %>
-    <% if object.icon_value && object.icon_value != "none" %>
     <%= pb_rails("icon", props: { icon: object.icon_value, classname: "pb_icon", fixed_width: true }) %>
-    <% end %>
+
     <% if content %>
         <%= content %>
     <% elsif object.show_text? %>

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.rb

@@ -56,7 +56,7 @@ module Playbook
       end
 
       def icon_class
-        icon.present? && icon != "none" ? " custom_icon" : ""
+        icon.present? ? " custom_icon" : ""
       end
 
       def classname

data/app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.test.js

@@ -56,12 +56,6 @@ test('renders custom icon when provided', () => {
     expect(container.querySelector('.custom_icon')).toBeInTheDocument();
 });
 
-test("renders no icon when icon prop is 'none'", () => {
-    const { container } = render(<FixedConfirmationToast icon="none" />);
-    expect(container.querySelector('.pb_icon')).not.toBeInTheDocument();
-    expect(container.querySelector('.custom_icon')).not.toBeInTheDocument();
-});
-
 test('renders correctly with multiLine prop', () => {
     const { container } = render(<FixedConfirmationToast multiLine />);
     expect(container.querySelector('._multi_line')).toBeInTheDocument();

data/app/pb_kits/playbook/pb_icon/_icon.scss

@@ -242,8 +242,4 @@ svg {
       animation: fa-spin 1s infinite linear;
     }
   }
-
-  &.dark {
-    color: white;
-  }
 }

data/app/pb_kits/playbook/pb_pagination/_pagination.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import React, { useState } from "react";
 import classnames from 'classnames'
 import { GlobalProps, globalProps } from '../utilities/globalProps'
 import { buildAriaProps, buildCss, buildDataProps, buildHtmlProps } from '../utilities/props'
@@ -123,13 +123,6 @@ const Pagination = ( props: PaginationProps) => {
     
     return buttons;
   };
-
-  // Sync internal state with external current prop
-  useEffect(() => {
-    if (current >= 1 && current <= total) {
-      setCurrentPage(current);
-    }
-  }, [current, total]);
   
 
   const ariaProps = buildAriaProps(aria)

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

@@ -6,4 +6,3 @@ examples:
   react:
   - pagination_default: Default
   - pagination_page_change: Page Change
-  - pagination_external_control: External Control

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

@@ -1,3 +1,2 @@
 export { default as PaginationDefault } from './_pagination_default.jsx'
 export { default as PaginationPageChange } from './_pagination_page_change.jsx'
-export { default as PaginationExternalControl } from './_pagination_external_control.jsx'

data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx

@@ -197,22 +197,13 @@ const PhoneNumberInput = (props: PhoneNumberInputProps, ref?: React.Ref<unknown>
   }
 
   const validateMissingAreaCode = (itiInit: any) => {
-    if (!itiInit) return
+    if (!required || !itiInit) return
     if (itiInit.getValidationError() === ValidationError.MissingAreaCode) {
       showFormattedError('missing area code')
       return true
     }
   }
 
-  const validateRepeatCountryCode = (itiInit: any) => {
-    if (!itiInit) return
-    const countryDialCode = itiInit.getSelectedCountryData().dialCode;
-    if (unformatNumber(inputValue).startsWith(countryDialCode)) {
-      return showFormattedError('repeat country code')
-    }
-  }
-
-
   const validateErrors = () => {
     if (!hasTyped && !error) return
 
@@ -222,7 +213,6 @@ const PhoneNumberInput = (props: PhoneNumberInputProps, ref?: React.Ref<unknown>
     if (validateTooShortNumber(itiRef.current)) return
     if (validateUnhandledError(itiRef.current)) return
     if (validateMissingAreaCode(itiRef.current)) return
-    if (validateRepeatCountryCode(itiRef.current)) return
   }
 
   const getCurrentSelectedData = (itiInit: any, inputValue: string) => {

data/app/pb_kits/playbook/pb_table/styles/_vertical_border.scss

@@ -7,7 +7,7 @@
     thead tr:not(:first-child) th {
       border-right: 1px solid $border_light !important;
     }
-
+    
     @media screen and (min-width: $screen-xs-min) {
       tr:hover, .pb_table_tr:hover {
         td:last-child, .pb_table_td:last-child {
@@ -15,53 +15,5 @@
         }
       }
     }
-
-    // Firefox-specific fix for sticky elements
-    @-moz-document url-prefix() {
-      // Target sticky headers
-      &.sticky-header {
-        th:not(:last-child) {
-          border-right: none !important;
-          box-shadow: 1px 0 0 0 $border_light !important;
-        }
-
-        .pb_advanced_table_body {
-          .pinned-row {
-            td:not(:first-child):not(:last-child) {
-              border-right: none !important;
-              box-shadow: 1px 0 0 0 $border_light !important;
-            }
-          }
-        }
-      }
-
-      // Target sticky left columns
-      &.sticky-left-column {
-        td[style="left"], th[style="left"] {
-          border-right: none !important;
-          box-shadow: 1px 0 0 0 $border_light !important;
-        }
-      }
-
-      // Target sticky right columns
-      &.sticky-right-column {
-        td[style="right"], th[style="right"] {
-          border-right: none !important;
-          box-shadow: 1px 0 0 0 $border_light !important;
-        }
-      }
-
-      // Handle hover states in Firefox
-      @media screen and (min-width: $screen-xs-min) {
-        tr:hover, .pb_table_tr:hover {
-          td:last-child, .pb_table_td:last-child {
-            &[style="left"], &[style="right"] {
-              border-right: none !important;
-              box-shadow: 1px 0 0 0 darken($border_light, 10%) !important;
-            }
-          }
-        }
-      }
-    }
   }
 }