feat: add tokens to RegionalizationBar
#104
Closed
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
What's the purpose of this pull request?
This PR applies the new Theming structure to
RegionalizationBar
: new scoped tokens linked to global ones.Additionally, I adjusted the RegionalizationBar's style.
How does it work?
This PR uses local variables to parameterize the
RegionalizationBar
properties, then connects these scoped tokens to the global ones.Tokens
--fs-regionalization-bar-width
100%
Button
--fs-regionalization-bar-button-width
100%
--fs-regionalization-bar-button-padding
var(--fs-spacing-0) var(--fs-spacing-3)
--fs-regionalization-bar-button-color
var(--fs-color-text-display)
--fs-regionalization-bar-button-background-color
var(--fs-color-neutral-0)
--fs-regionalization-bar-button-border
0
Input Message
--fs-regionalization-bar-input-message-margin-right
auto
--fs-regionalization-bar-input-message-font-weight
var(--fs-text-weight-regular)
Variants
Postal Code setted in SessionProvider
Edit Message
--fs-regionalization-bar-edit-message-margin-left
auto
--fs-regionalization-bar-edit-message-text-decoration
underline
Postal Code
--fs-regionalization-bar-postal-code-margin-right
auto
--fs-regionalization-bar-postal-code-font-weight
var(--fs-text-weight-regular)
How to test it?
Checklist
CHANGELOG.md
at the beginning of its due section. The latest version should comes first.CHANGELOG.md
. E.g., New items in thepull_request_template.md
(#4)Breaking change
,Enhancement
,Bug
orChore
.ComponentName
component.