vscode-webview-ui-toolkit

Features

• update dropdown styles: updates some dropdown styles to match new VS Code dropdown style (#532), closes #521

Docs

• fix image typo: fixes incorrect image used in badge docs (#522)

Admin

• bump @microsoft/fast-element: bumps @microsoft/fast-element from 1.6.2 to 1.12.0 (#525)
• bump @microsoft/fast-foundation: bumps @microsoft/fast-foundation from 2.38.0 to 2.49.4 (#525), closes #494
• bump @microsoft/fast-react-wrapper: bumps @microsoft/fast-react-wrapper from 0.1.18 to 0.3.22 (#525)
• bump eslint related deps: bumps eslint and other related packages to latest stable versions (#526)
• update ci pipelines: updates github and azure ci pipelines to use node v18 (#526)
• bump prettier: bumps prettier from 2.2.1 to 3.1.0 (#528)
• bump @microsoft/api-extractor: bumps @microsoft/api-extractor from 7.18.9 to 7.38.4 (#529)
• add tsdoc.json: adds a tsdoc.json file to resolve api-extrator warnings (#529)
• bump typescript: bumps typescript from 4.3.5 to 4.6.2 (#530), closes #514
• add tslib production dep: fixes error in other package managers (i.e. yarn) where tslib could not be resolved (#531), closes #451

Admin

• update npmignore: adds a directory to npmignore (accidentally published a big test folder in v1.3.0, sorry 😅)

Bug fixes

• fix react build script: fixes react build script that was generating incorrect react type declaration file (#456), closes #455

Docs

• new getting started guide: adds new content to getting started guide demoing better component API usage and extension CSP (#383), closes #74 and #348
• update resource links: adds and removes a few links to resources in the project readme.md and getting-started.md (#447)
• remove readme badge: removes deploy docs readme badge since it was broken to due removal of docs CD pipeline (#449)
• data grid docs: updates data grid docs to show how to create data grids with React (#457), closes #453

Admin

• add .eslintrc.cjs to npmignore: forgot to include in a previous release (#444), resolves #438
• enable codeql: adds codeql to azure pipeline for improved static analysis and security audits of toolkit source code (#441)

Bug fixes

• add file extensions to imports: adds explicit file extensions to module imports (#436), closes #432 and #435
• high contrast light theme: fixes high contrast light theme issue where the wrong colors were being applied to buttons on hover (#428), closes #365

Docs

• getting started guide: fixes a code snippet that demonstrated improper disposal of webview panel resources (#434)
• add multiple icons in text fields: example of how slots can be used to add multiple icons to text fields (#427), closes #307
• radio group docs: clarifies that radio-group components will only give keyboard support to radio components (#420), closes #392
• label dropdown: adds a code snippet demonstrating how to add a label to a dropdown component (#429), closes #369

Admin

• bump qs: bump qs from 6.5.2 to 6.5.3 (#431)
• bump decode-uri-component: bump decode-uri-component from 0.2.0 to 0.2.2 (#426)

Bug fixes

• add type module: adds type: module to package.json and updates some scripts/configs (#421), closes #418
• data grid cell alignment: fixes a bug where different text overflow properties were resulting in misaligned data grid cells (#412), closes #411

Admin

• bump loader-utils: Bump loader-utils from 1.4.0 to 1.4.2 (#416)
• bump minimatch: Bump minimatch from 3.0.4 to 3.1.2 (#420)

Features

• button border radius: adds a 2px border radius to buttons to match new VS Code button style (#401)

Bug fixes

• button uncentered text: fixes a bug where vscode-button text was un-centered when greater than 300px in width (#385), closes #384
• long links don't break: fixes a bug where long vscode-links would not line break (#389), closes #388
• link focus regression: fixes a bug where vscode-link focus border was not being rendered (#399), closes #398

Admin

• bump terser: Bump terser package from 4.8.0 to 4.8.1 (#382)

Features

• attribute option types: adds string literal union types to a handful to component attributes (#364), closes #325

Bug fixes

• polish component styles: fixes a handful of minor style issues across the component library (#362), closes #342

Docs

• figma toolkit link: add a link to the webview ui toolkit figma library (#363)
• polish docs: updates to the project readme and getting started guide based on an internal string review (#367), closes #350

Admin

• bump minimist: Bump minimist package from 1.2.5 to 1.2.6 (#359)
• bump nanoid: Bump nanoid package from 3.1.30 to 3.3.1 (#360)

Docs

• github templates: update github templates (#351)
• storybook dark mode: update storybook config to be full dark mode (#351)
• contributing guidelines: update testing and deployment sections of contributing guidelines (#351)
• readme: add a webview usage section to readme (#351)
• getting started guide: clean up getting started guide (#351)
• copyright notices: add a copyright notice to various source code files (#351)

Admin

• update npm ignore file: did not include .vscode-test-web directory to .npmignore in the last release, adding it in this one (#357), close #356

Features

• new default data grid sizing: automatically set data grid columns to have equal width within data grid container (#346), closes #276
• improve data grid ergonomics: manually defined data grids no longer need to include generate-header="none" (#346)

Docs

• react docs: add docs for React-wrapped toolkit components (#336), closes #331

Bug fixes

• scrollbar styling: update text area scrollbar to match the styling of scrollbars in core VS Code (#338), closes #258
• data grid cell a11y: fix light theme a11y bug where slotted elements in data grid cells did not have high enough contrast with the background when focused/active (#345), closes #277 and #278
• data grid cell alignment: update data grid cell styling to avoid alignment issues (#344), closes #313

Testing

• update test script: update install URL and directions in response to an updated version of the sample that is used for testing (#339)

Docs

• component usage guidelines: add an initial set of lightweight component usage guidelines and illustrations (#322), closes #126

Bug fixes

• high contrast theme bugs: fixes a variety of component theming bugs when VS Code uses a high contrast theme (#326), closes #286
• button disabled attribute logic: update logic for setting the disabled attribute value in the button component to fix a cross-browser bug (#323)
• inline link alignment: removes flex styling from vscode-link which was causing alignment issues when used inline with other text (#330), closes #324
• option value attribute: fixes an issue that disallowed empty string values in the option component value attribute (#333), closes #327

Admin

• update npm ignore file: forgot to include the scripts directory to .npmignore in the last release, adding it in this one (#321)

Features

• toolkit react components: exports a set of wrapped React toolkit components 🎊 (#300), closes #299

Bug fixes

• link token bug: fixes a bug caused by misnamed tokens in the link component (#314)
• announce dropdown option: fixes a11y issue where dropdown options were not being announced by screen readers (#318), closes #181

Testing

• automate test env set up: script that automates copying a new toolkit build into a webview extension test environment (#317), closes #316

Bug fixes

• light theme token bug: fixes a bug that was caused by incorrect design token usage in the dropdown, radio group, text field, and text area components (#295), closes #288
• component registration functions: adds missing type info in component registration functions (#308), resolves #289
• export attribute enums: exports fast foundation component attribute enums to temporarily fix an upstream issue until it is resolved (#310)

Docs

• package.json metadata: minor updates to package.json metadata such as using the shorthand syntax for the author field and adding a keywords field (#302)
• broken link in readme: removes a broken link from readme.md (#304)
• panels component docs: clarifies the requirements and conventions for creating id's on vscode-panel-tab and vscode-panel-view components (#305), resolves #297
• text field type attribute docs: adds some basic documentation and a Storybook story for the text field component type attribute (#309), resolves #306

Security

• microsoft security/compliance: updates azure pipelines tasks that split build and compliance steps into stages, with specific jobs that meet microsoft internal security requirements (#301)
• generate spdx file: generates spdx file on build to comply with microsoft internal security requirements (#303)

Bug fixes

• export vscode design system: fix a bug where the vscode design system provider was not exported by the package (#292)
• button max width: adds a max width of 300px to buttons so long strings don't go outside the webview viewport (#290), closes #227
• progress ring announcement: fix a bug where progress rings were not announcing themselves in NVDA screen reader (#279), closes #187

Features

• side effects free package: updates the way that VS Code theme listening is done so the toolkit has no side effects (#281), closes #253
• default component icons: update the default checkbox and dropdown icons to use Codicons (#280)

Docs

• panels docs: update panels docs to discuss panel views as flexbox containers and mention the known issues with <br/> tags (#291), closes #230
• radio group docs: fix some minor typos in the radio groups docs (#282)
• radio and progress ring docs: fix minor inconsistency in the radio and progress ring doc titles (#284)
• GitHub templates: update all GitHub templates so that template directions are comments instead of viewable text (#287)

Bug fixes

• icon spacing: fix a bug where component icon spacing was being incorrectly rendered (#273), closes #193
• overflow panel content: fix panels content overflowing component boundary when viewport is zoomed (#272), closes #189
• npm install: address issue where toolkit contributors could not npm install project dependencies (#271), closes #252
• indeterminate checkbox icon: fix bug where the checkbox indeterminate icon was not being rendered in light themes (#268), closes #228

Features

• fast foundation v2: upgrade the toolkit to use fast foundation v2 package (#273), closes #261
• remove lodash: remove lodash-es as a runtime dependency (#273)