PAN-4610: price range component

[Jacob Huang (jacobhuang0121)]

https://skyscanner.atlassian.net/browse/PAN-4610

Preview

Light	Dark

• Check this if you have read and followed the contributing guidelines

Remember to include the following changes:

• Component README.md
• Tests

If you are curious about how we review, please read through the code review guidelines

[Copilot]

Pull request overview

This PR introduces a new PriceRange component to the Backpack Android Compose library. The component provides a visual representation of price ranges with configurable markers and segments, supporting both default (expanded) and collapsed variations.

Changes:

• Added a new BpkPriceRange composable component with two configuration types: Default (with labeled segments and marker) and Collapsed (compact version with circular marker)
• Created supporting data classes for configuration, markers, and segments
• Added comprehensive documentation with usage examples

Reviewed changes

Copilot reviewed 5 out of 10 changed files in this pull request and generated 7 comments.

Show a summary per file

File	Description
docs/compose/PriceRange/README.md	Documentation with installation instructions and usage examples for Default, Collapsed, and fixed-width variants
backpack-compose/src/main/kotlin/net/skyscanner/backpack/compose/pricerange/BpkPriceRange.kt	Core implementation of the PriceRange component with configuration classes, rendering logic, and helper functions
app/src/test/java/net/skyscanner/backpack/compose/pricerange/BpkPriceRangeTest.kt	Snapshot test for the component
app/src/main/java/net/skyscanner/backpack/demo/compose/PriceRangeStory.kt	Demo story showcasing Default and Collapsed variants with various marker positions
app/src/main/java/net/skyscanner/backpack/demo/components/PriceRangeComponent.kt	Component marker annotation for demo organization

[Copilot]

The semantics block is empty and provides no accessibility information. For a price range component, you should include content description that announces the price range information, marker position, and segment labels to screen readers. Consider adding appropriate semantics properties like contentDescription or stateDescription.

[Henrik Sym (henrik-sky)]

As discussed, please add a contentDescription: String?, parameter and then use the following to give a better Talkback experience

clearAndSetSemantics {
        if (contentDescription != null) {
            this.contentDescription = contentDescription
        }

[skyscanner-backpack-bot]

	Fails
🚫	These new files do not include the license heading: app/src/main/java/net/skyscanner/backpack/demo/compose/PriceRangeStory.kt

	Warnings
⚠️	One or more package files were created, but BpkComposeComponentUsageDetector.kt wasn't updated. If your component is an equivalent of a core component please add it to the detector.

Generated by 🚫 Danger Kotlin against 918cb93

[skyscanner-backpack-bot]

	Warnings
⚠️	One or more package files were created, but BpkComposeComponentUsageDetector.kt wasn't updated. If your component is an equivalent of a core component please add it to the detector.

Generated by 🚫 Danger Kotlin against 4bf3f6f

[skyscanner-backpack-bot]

	Warnings
⚠️	One or more package files were created, but BpkComposeComponentUsageDetector.kt wasn't updated. If your component is an equivalent of a core component please add it to the detector.

Generated by 🚫 Danger Kotlin against 6a9384c

[skyscanner-backpack-bot]

	Warnings
⚠️	One or more package files were created, but BpkComposeComponentUsageDetector.kt wasn't updated. If your component is an equivalent of a core component please add it to the detector.

Generated by 🚫 Danger Kotlin against 5292f6e

[Copilot]

Pull request overview

Copilot reviewed 6 out of 11 changed files in this pull request and generated 3 comments.

Comments suppressed due to low confidence (2)

backpack-compose/src/main/kotlin/net/skyscanner/backpack/compose/pricerange/internal/BpkPriceRangeImpl.kt:1

• The hardcoded value 36.dp should be replaced with a token from the BpkSpacing or BpkBorderRadius system to maintain consistency with the design system. Hardcoded dimension values violate the token usage principle.

/**

backpack-compose/src/main/kotlin/net/skyscanner/backpack/compose/pricerange/internal/BpkPriceRangeImpl.kt:1

• The hardcoded value 12.dp should be replaced with a token from the BpkSpacing system to maintain consistency with the design system. Hardcoded dimension values violate the token usage principle.

/**

[skyscanner-backpack-bot]

	Warnings
⚠️	One or more package files were created, but BpkComposeComponentUsageDetector.kt wasn't updated. If your component is an equivalent of a core component please add it to the detector.

Generated by 🚫 Danger Kotlin against 55c13f3