Update components with border thickness changes from #4166
Foundation Page Update
Definition of thickness for foundation page
Thickness could be used to define the weight of something or the gap between things when the desired result is not to scale across densities.
Example of weight is borders on containers
Example of gap is the (span, distance, interval) between stepper buttons
Components Updates
All components currently using border or border-strong that need to be updated… border-stronger is not in code or being used
Core:
Accordion
Banner
Button
Card
Checkbox
Dialog
Divider
Drop-down
File drop zone
Flex layout
Input
Interactable card
Link card
List box
Menu
Multi-line input
Option (used in list box, combo box, and drop-down)
Overlay
Pill input
Progress (circular and linear)
Radio button
Segmented button group
Stack layout
Switch
Tag
Toast
Toggle button group
Tool tip
Lab:
Calendar
Date picker
Slider
Stepped tracker
Tab
Bar-small is only used in spinner, so it would just need to be updated with thickness-200
origami-z
commented
2 weeks ago
Update components with border thickness changes from #4166
Foundation Page Update
Definition of thickness for foundation page Thickness could be used to define the weight of something or the gap between things when the desired result is not to scale across densities.
Example of weight is borders on containers Example of gap is the (span, distance, interval) between stepper buttons
Components Updates
All components currently using border or border-strong that need to be updated… border-stronger is not in code or being used
Core:
Lab:
Border would need to become thickness-100
Border-strong would need to become thickness-200