elements

Added

• Label Added required attribute

Changed

• SingleSelect, MultiSelect Minor CSS changes to better mimic VSCode styles

Changed

• Adapted latest VSCode design changes on the ContextMenu and the InputBox.

Fixed

• Text inputs could not be edited in tab panels.

The project is still alive!!

Although not all the components are finished yet, much effort has been made to accessibility. The following components are fully accessible and can be controlled by a keyboard: Button, Tabs, Textinput, Textarea, Radio, Checkbox, Icon (in the action-icon mode).

Breaking changes

• Attribute names have been standardized. From now every attribute name uses the kebab-case format.
• selectedIndex attribute was renamed to selected-index in the Tabs component.
• iconAfter attribute was renamed to icon-after in the Button component.
• selectedIndexes attribute is removed from the MultiSelect component. It still accessible as a property.
• scrollPos attribute was renamed to scroll-pos in the Scrollable component.
• scrollMax attribute was renamed to scroll-max in the Scrollable component.
• selectedIndex attribute was renamed to selected-index in the SingleSelect component.
• resetOnDblClick attribute was renamed to reset-on-dbl-click in the SplitLayout component.
• columnLabel attribute was renamed to column-label in the TableCell component.
• The Tabs component markup has been changed. See the documentation page for examples.

Deprecated

• Inputbox has been deprecated. Use the Textarea or Textfield instead.

Added

• Added Textfield and Textarea components.

Changed

• 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 and content-after slots have been added to the tab headers.
• Label automatically sets the label for radios, checkboxes, and text inputs.

Fixed

• Fixed the active state bug in the ContextMenu
• Fixed the Select height

Fix #32

Fixed

• The label didn't connect to the input widget in the shadow DOM.

Added

• Added @attr jsdoc tag to the "name" attribute to prevent the "unknown attribute" warnings in the supported IDEs.

Fixed

• Tree: focused list item outline offset

Fix: 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

Fixed

Inputbox: Type definition fine-tuning

• Flexible table columns
• Small documentation changes in the Inputbox which provides better code completion

Added

• Added Table component
• Added action-icon mode to the Icon

Changed

• Floating scrollbar in the Scrollable component

Added

• Added new components: FormContainer, FormGroup, FromHelper, Label, Radio, RadioGrop, CheckboxGroup.

Fixed

• Theme variable names are readjusted in the Tree, SingleSelect and MultiSelect components.
• Button outline styles has been restored.

Deprecated

• The following components will be removed: FormControl, FormDescription, FormItem, FormLabel. Use the new form components instead.

Fix #16