Size prop support for more components

[cagataycivici]

Currently InputText and Button have this prop, expand the usage to more components;

• AutoComplete
• CascadeSelect
• Checkbox
• DatePicker
• InputMask
• InputNumber
• InputOtp
• MultiSelect
• Password
• RadioButton
• Select
• SelectButton
• Textarea
• ToggleButton
• TreeSelect

The new Design tokens added are;

semantic

form.field.sm.font.size
form.field.sm.padding.x
form.field.sm.padding.y
form.field.lg.font.size
form.field.lg.padding.x
form.field.lg.padding.y

components

• cascadeselect
• treeselect
• select
• multiselect
• textarea

componentname.sm.font.size
componentname.sm.padding.x
componentname.sm.padding.y
componentname.lg.font.size
componentname.lg.padding.x
componentname.lg.padding.y

• checkbox

checkbox.sm.width
checkbox.sm.height
checkbox.icon.sm.size
checkbox.lg.width
checkbox.lg.height
checkbox.icon.lg.size

• radiobutton

radiobutton.sm.width
radiobutton.sm.height
radiobutton.icon.sm.size
radiobutton.lg.width
radiobutton.lg.height
radiobutton.icon.lg.size

• autocomplete

autocomplete.dropdown.sm.width
autocomplete.dropdown.lg.width

• datepicker

datepicker.dropdown.sm.width
datepicker.dropdown.lg.width

• inputotp

inputotp.gap
inputotp.input.width
inputotp.input.sm.width
inputotp.input.lg.width

• togglebutton

togglebutton.sm.font.size
togglebutton.sm.padding
togglebutton.lg.font.size
togglebutton.lg.padding

[jumika]

Is it possible to somehow integrate this prop in InputGroup? I find myself writing custom code for InputGroup cases to get the group inline with other small size inputs.