playbook_ui 14.13.0.pre.alpha.advsncedtablefix6185 → 14.13.0.pre.alpha.pbntr799collapsiblerowswithcustomclick6117

data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.html.erb

@@ -1,2 +1 @@
 <%= pb_rails("progress_pills", props: { aria: { label: "2 out of 3 steps complete" }, steps: 3, active: 2 }) %>
-<%= pb_rails("progress_pills", props: { aria: { label: "9 out of 18 steps complete" }, steps: 18, active: 9, margin_top: "md" }) %>

data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.jsx

@@ -10,13 +10,6 @@ const ProgressPillsDefault = (props) => {
                 steps={3}
                 {...props}
             />
-            <ProgressPills
-                active={9}
-                aria={{ label: '9 out of 18 steps complete' }}
-                marginTop="md"
-                steps={18}
-                {...props}
-            />
         </>
     )
 }

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

@@ -3,11 +3,9 @@ examples:
   rails:
   - progress_pills_default: Default
   - progress_pills_status: Status
-  - progress_pills_full_width: Full Container Width
 
 
 
   react:
   - progress_pills_default: Default
   - progress_pills_status: Status
-  - progress_pills_full_width: Full Container Width

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

@@ -1,3 +1,2 @@
 export { default as ProgressPillsDefault } from './_progress_pills_default.jsx'
 export { default as ProgressPillsStatus } from './_progress_pills_status.jsx'
-export { default as ProgressPillsFullWidth } from './_progress_pills_full_width.jsx'

data/app/pb_kits/playbook/pb_progress_pills/progress_pills.html.erb

@@ -14,7 +14,7 @@
 
     <div class="progress_pills">
       <% object.each_step do |step| %>
-        <span class="pb_progress_pill<%= object.active_step(step) %><%= object.make_full_width %><%= object.dark_pill %>"></span>
+        <span class="pb_progress_pill<%= object.active_step(step) %><%= object.dark_pill %>"></span>
       <% end %>
     </div>
 

data/app/pb_kits/playbook/pb_progress_pills/progress_pills.rb

@@ -9,8 +9,6 @@ module Playbook
       prop :steps, type: Playbook::Props::Number,
                    default: 3
       prop :title
-      prop :full_width_pill, type: Playbook::Props::Boolean,
-                             default: false
 
       def classname
         generate_classname("pb_progress_pills_kit")
@@ -28,10 +26,6 @@ module Playbook
         step <= active ? "_active" : "_inactive"
       end
 
-      def make_full_width
-        full_width_pill ? " full_width_pill" : nil
-      end
-
       def aria_attributes
         return aria if aria.present?
 

data/app/pb_kits/playbook/pb_progress_pills/progress_pills.test.js

@@ -23,20 +23,6 @@ const ProgressPillsDefault = () => {
     )
 }
 
-const ProgressPillsFullWidth = () => {
-    return (
-        <ProgressPills
-            active={2}
-            aria={{ label: ariaLabel }}
-            data={{ testid: testId }}
-            fullWidthPill
-            steps={3}
-            title={title}
-            value={value}
-        />
-    )
-}
-
 test('should pass data prop', () => {
     render(<ProgressPillsDefault />)
     const kit = screen.getByTestId(testId)
@@ -65,15 +51,4 @@ test('should render value', () => {
     render(<ProgressPillsDefault />)
     const kit = screen.getByText(value)
     expect(kit).toBeInTheDocument()
-})
-
-test('should apply fullWidthPill styling when fullWidthPill prop is true', () => {
-    render(<ProgressPillsFullWidth />)
-    const container = screen.getByTestId(testId)
-    const pillElements = container.querySelectorAll('.full_width_pill')
-  
-    expect(pillElements.length).toBeGreaterThan(0)
-    pillElements.forEach((pill) => {
-        expect(pill).toHaveClass('full_width_pill')
-    })
-})
+})