All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog
- Radio button behaved as a checkbox in the RadioGroup. (Fix #59)
Sometimes VSCode theme variables are renamed or removed by the VSCode authors. When this happens the appearance of the components will change unpredictably. To prevent this, every component got a fallback style. The components will look "good" even if no theme variables are available.
- Button and ContextMenu styles was updated to follow VSCode changes.
- Customizable header background color and tinted row background color instead of the hard-coded ones in Table.
- Textarea: The default display is
inline-block
, the default size is 320 x 40. It is automatically resized whenrows
orcols
attributes are set. - Textarea: Follow the source control input box styles of VSCode more closely:
- Change the cursor to hand when it is above the scrollbar.
- Add an unobtrusive drop shadow when the text is scrolled.
- Add active state to the scrollbar.
- Textarea: Fixed the ugly resize handler when the scrollbar is visible.
- Textfield: Customize the file input button styles.
- Add
cols
androws
attributes to Textarea by @chrjorgensen
- Set default color for Textfield.
- Textfield and Textarea values were not collected in the FormContainer form data.
- The value of the
value
property was not syncronized properly with the value of the inner form widget in Textfield and Textarea. - Fix top-margin of Textfield and Textarea in FormGroup when its
variant
is "settings-group".
- Allow file type in Textfield
- Fixed whitespace in Label when the asterisk symbol is visible
- Label Added
required
attribute
- SingleSelect, MultiSelect Minor CSS changes to better mimic VSCode styles
- Adapted latest VSCode design changes on the ContextMenu and the InputBox.
- Text inputs could not be edited in tab panels.
- Attribute names have been standardized. From now every attribute name uses the kebab-case format.
selectedIndex
attribute was renamed toselected-index
in the Tabs component.iconAfter
attribute was renamed toicon-after
in the Button component.selectedIndexes
attribute is removed from the MultiSelect component. It still accessible as a property.scrollPos
attribute was renamed toscroll-pos
in the Scrollable component.scrollMax
attribute was renamed toscroll-max
in the Scrollable component.selectedIndex
attribute was renamed toselected-index
in the SingleSelect component.resetOnDblClick
attribute was renamed toreset-on-dbl-click
in the SplitLayout component.columnLabel
attribute was renamed tocolumn-label
in the TableCell component.- The Tabs component markup has been changed. See the documentation page for examples.
- Inputbox has been deprecated. Use the Textarea or Textfield instead.
- Added Textfield and Textarea components.
- Lit upgraded to 2.4.x.
- Added keyboard navigation to ContextMenu.
- Adapted the latest VSCode button styles (rounded corner).
- Added
aria-checked
attribute to the radio buttons. - Icon component accessibility improvements.
- Tabs component is fully accessible.
- Radio and Checkbox are accessible.
- TabHeader and TabPanel were added to interoperate with Tabs.
addons
slot has been added to the Tabs toolbar.content-before
andcontent-after
slots have been added to the tab headers.- Label automatically sets the label for radios, checkboxes, and text inputs.
- Fixed the active state bug in the ContextMenu
- Fixed the Select height
- Tabs (Fix #32) Select the tab when a slotted element is clicked in the tab header
- Added scrollPos and scrollMax property to Scrollable
- Select: allow disabled single select option (thx ununian)
- Button: Fixed-width button text aligned to center
- Select: Removed the extra whitespaces from the value
- Select: css property to set the dropdown z-index to fix the overlapping issues
- Select: set multi-select value through prop
- Scrollable: The content covered the scrollbar if its position relative or absolute
- Scrollable: The scrollbar will be resized when the content height change
- The label didn't connect to the input widget in the shadow DOM.
- Added
@attr
jsdoc tag to the "name" attribute to prevent the "unknown attribute" warnings in the supported IDEs.
- Tree: focused list item outline offset
- Updated icon colors as in VSCode
- Icon:
- added proper theme variables
- added action icon pressed style
- added focus border style
- Collapsible:
- keyboard support
- icon visibility mimics the VSCode behavior: it is visible when the panel is open
- Table: added responsive mode
- SplitLayout: added hover color
- Inputbox: Type definition fine tuning
- Flexible table columns
- Small documentation changes in the Inputbox which provides better code completion
- Added Table component
- Added action-icon mode to the Icon
- Floating scrollbar in the Scrollable component
- Added new components: FormContainer, FormGroup, FromHelper, Label, Radio, RadioGrop, CheckboxGroup.
- Theme variable names are readjusted in the Tree, SingleSelect and MultiSelect components.
- Button outline styles has been restored.
- The following components will be removed: FormControl, FormDescription, FormItem, FormLabel. Use the new form components instead.
- Fix #16 SingleSelect isn't updated by value and selectedIndex
- Added keyboard navigation to the Tree component.
- SingleSelect and MultiSelect import path have been simplified.
- Combobox mode has been added to the SingleSelect and MultiSelect components.
- New attributes for InputBox: min, minlength, max, maxlength, multiple, readonly, step.
- Changelog was introduced.
- Select component has been split into two different component: SingleSelect and MultiSelect.
- Multiline Inputbox resizing behavior has been fixed
- Option hover color