[Tasklist] Component Fixes

[thrbnhrtmnn]

Action Components

TextButton

• Text Button / Button Group / Icon Button - height should not change when the icon is removed #384
• IconButton & TextButton - fix disabled state #499
• TextButton & IconButton - add missing events #486
• TextButton - adjust icon props #514
• TextButton & IconButton - fix icon&font color for hover & pressed state #570
• TextButton - add "button-display" prop #247
• TextButton & IconButton - remove hover, pressed and focus state for loading buttons #631
• TextButton & IconButton - remove href and target prop #674

IconButton

• Text Button / Button Group / Icon Button - height should not change when the icon is removed #384
• IconButton & TextButton - fix disabled state #499
• TextButton & IconButton - add missing events #486
• TextButton, IconButton - fix loading state #498
• TextButton & IconButton - remove hover, pressed and focus state for loading buttons #631
• TextButton & IconButton - remove href and target prop #674

Form Components

Checkbox

• Checkbox - Fix Checked and Indeterminate States & Remove FormLabelInline #459
• Checkbox - apply Config and Sizing Tokens #473
• Checkbox - check if events are missing and add them #504
• Checkbox - fix misalignments/errors #599
• Checkbox - component should be able to receive focus when in readonly state #752
• Checkbox - fix size issues #754
• Checkbox - add required prop #673
• Radio, Radio Group, Checkbox, Toggle Switch - research if we should remove readonly state #832
• Checkbox - remove gap to the left #1156
• Checkbox - multiple behaviour fixes in code #1157

Input Field Number

• Textarea, Text Input, Number Input, Select - Remove Old Padding #305
• NumberInput - fix height issue #449
• NumberInput - add missing events #481
• NumberInput - stepper buttons disappear when unit is undefined #675
• NumberInput - placeholder can not be seen and stepper buttons appear in some cases #679
• Input Field Number - placeholder is shown instead of value (0) when readonly is true #725
• Input Field Number - align readonly & disabled state with design #915
• Input Field Number - fix width of horizontal stepper variant #932
• Input Field Number - fix input background, value and unit color #933
• Input Field Text, Input Field Number, Select & Text Area - remove margin in error state if no caption is defined #945
• Text Area, Input Field Text, Input Field Number, Select, Counter - use outline instead of border consistently with right offset #1109
• Input Field Number - native stepper is shown next to custom stepper in firefox #1117
• Text Area, Input Field Text, Input Field Number - align behaviour when focusing component in readonly state #1125

Radio

• Radio - replace children with props #521
• Radio - fix size of input control and icon and add optional max width #764
• Radio - fix checked and error states #765
• Radio - fix focus ring color and split css #766
• Radio - fix value prop #824
• Radio, Radio Group, Checkbox, Toggle Switch - research if we should remove readonly state #832
• Radio - remove error message #916
• Radio - fix paddings, margins, gaps & use correct css #1072
• Radio - fix pressed state #1073
• Radio - fix pressed state when clicking radio control instead of label #1141
• [Bug]: Radio, Radio Group - labels should be selectable in disabled state on Firefox #1154

RadioGroup

• Radio Group - add global caption/hint improvements #402
• RadioGroup - use slots to have Radios in RadioGroup & add API to change/reset checked values of radios #507
• RadioGroup - make legend optional #388
• Radio Group - adjust legend and add required prop #574
• Radio Group - add vertical stacking, fix margin and separate css #589
• Radio, Radio Group, Checkbox, Toggle Switch - research if we should remove readonly state #832
• Radio Group - Add 'id' Property #854
• Radio Group - fix group caption #1142
• [Bug]: Radio, Radio Group - labels should be selectable in disabled state on Firefox #1154

Select

• Textarea, Text Input, Number Input, Select - Remove Old Padding #305
• Text Input, Select & Text Area - spacing above hint is missing #401
• Select - add readonly state to code #476
• Select - investigate if the icon should be optional #488
• Select - fix size of select #602
• Select - use slots instead of array #739
• Select - add hasLabel prop in code #883
• Input Field Text, Input Field Number, Select & Text Area - remove margin in error state if no caption is defined #945
• Text Area, Input Field Text, Input Field Number, Select, Counter - use outline instead of border consistently with right offset #1109
• Select - adjust native menu placement and opening and fix undefined icon #1114
• Select - remove slot and pass options as an array #1128

TextArea

• Textarea, Text Input, Number Input, Select - Remove Old Padding #305
• Text Input, Select & Text Area - spacing above hint is missing #401
• TextArea - add missing events #485
• Counter/TextArea - add missing spacing #626
• TextArea - fix scrolling #712
• Text Area - align Colors, Spacing and Counter alignment #822
• Input Field Text, Input Field Number, Select & Text Area - remove margin in error state if no caption is defined #945
• Text Area - Counter gets left-aligned if hasError=true #1064
• Text Area, Input Field Text, Input Field Number, Select, Counter - use outline instead of border consistently with right offset #1109
• Text Area - resize icon fixes #1112
• Text Area - size of input field should be the same in design and code #1113
• Text Area, Input Field Text, Input Field Number - align behaviour when focusing component in readonly state #1125

Input Field Text

• Textarea, Text Input, Number Input, Select - Remove Old Padding #305
• Text Input, Select & Text Area - spacing above hint is missing #401
• TextInput - add missing events #482
• TextInput - component in design should not grow in height depending on input #632
• Input Field Text - icon, placeholder & background color fixes #936
• Input Field Text, Input Field Number, Select & Text Area - remove margin in error state if no caption is defined #945
• Text Area, Input Field Text, Input Field Number, Select, Counter - use outline instead of border consistently with right offset #1109
• Input Field Text - remove border and only keep outline in readonly & disabled state #1118
• Input Field Text - increase clickable area #1119
• Text Area, Input Field Text, Input Field Number - align behaviour when focusing component in readonly state #1125

ToggleSwitch

• ToggleSwitch - use icons instead of divs for on/off #407
• Toggle Switch - add focus ring to readonly state #792
• Toggle Switch - active state has wrong color and state labels have wrong color in disabled & readonly state #793
• Radio, Radio Group, Checkbox, Toggle Switch - research if we should remove readonly state #832
• Toggle Switch - add gap between label and hint #1030
• Toggle switch - component requires two clicks to change the state #1047
• [Bug]: ToggleSwitch - Label issus #1158

Internal Components

Counter

• FormLabel, FormCaption, Counter - add tests #470
• Counter - fix font color of neutral state and background color of warning and error state #578
• Counter/TextArea - add missing spacing #626
• Text Area, Input Field Text, Input Field Number, Select, Counter - use outline instead of border consistently with right offset #1109

FormCaption

• FormLabel, FormCaption, Counter - add tests #470
• Form Caption - icon in sm is not center aligned #798
• Form Caption & Form Caption Group - fix font #815

FormCaptionGroup

• Form Caption Group - change values for size prop #734
• Form Caption & Form Caption Group - fix font #815

FormLabel

• FormLabel, FormCaption, Counter - add tests #470
• FormLabel - fix font color and height #579
• Form Label Inline - remove component in code #1000

UI Components

ButtonGroup

• Text Button / Button Group / Icon Button - height should not change when the icon is removed #384
• ButtonGroup - use slots to have IconButtons and TextButtons in the ButtonGroup #387
• ButtonGroup - add alignment option "center" #458
• TextButton & IconButton - add missing events #486

Icon

• ...

Divider

• Divider - add tests #469

Feedback Components

Loader

• Loader - align padding in code and design #576
• Loader - remove loadingStatus property #884

Tooltip / TooltipBubble

• Tooltip - refactor component to use floating-ui #461
• Tooltip - align message alignment #797

---

Component fixes that will be done after release 1.0 or at the end if we have time:

Navigation Components

TabBar

• TabBar - align variant props between design and code #460
• Tabbar - use IconButton instead of icons for navigating through tabs #471
• TabBar - align alignment for design and code #501
• TabBar - use slots instead of arrays in the Tabbar #513
• TabBar - fix pressed state, resizing, highlight line and add content area #711

Forms

Slider (SliderSingleValue & SliderTwoValues)

• Slider - tokenise component and finalise design #268
• Slider - (re)define scope and prototype component(s) #437