16.0.0-beta.8 (@scion/workbench)

16.0.0-beta.8 (2023-10-10)

Bug Fixes

• workbench: activate part when activating view (2e2368a)
• workbench: activate part when microfrontend gains focus (6e05d8c)
• workbench: allow to focus element outside the context menu when opened (2556b04)
• workbench: close view list menu when microfrontend gains focus (629cd8d)
• workbench: detach overlays associated with peripheral views when maximizing the main area (6cf3388)
• workbench: do not close views that are not closable (cf9993b)

Features

• workbench: rework tab design and styling of the SCION Workbench (5cbd354), closes #110

BREAKING CHANGES

• workbench: The new tab design and theming of the SCION Workbench has introduced a breaking change.

  To migrate:

  • update @scion/components to version 16.2.0 or higher
  • update @scion/workbench-client to version 1.0.0-beta.19 or higher
  • The workbench can now be styled using well-defined design tokens instead of undocumented CSS selectors. See How to theme SCION Workbench for a list of supported tokens.
  • The tab height has changed from two lines to one line, not displaying the heading anymore. You can change the tab height back to two lines by setting the --sci-workbench-tab-height design token to 3.5rem.

    :root {
      --sci-workbench-tab-height: 3.5rem;
    }

  • Custom icon font is now configured top-level in @scion/workbench SCSS module. Previously, the custom icon font was configured under the $theme map entry.

    Before:

    @use '@scion/workbench' with (
      $theme: (
        icon-font: (
          filename: 'custom-workbench-icons',
          version: '1.0.0'
        )
      )
    );

    After:

    @use '@scion/workbench' with (
      icon-font: (
        filename: 'custom-workbench-icons',
        version: '1.0.0'
      )
    );

  • Contribution of custom tab component has changed:
    • Close button is now rendered separately and can be removed from the custom tab component.
    • Custom tab component should add a right margin if rendered in the context of a tab or drag image to not overlap the close button.
    • Inject current rendering context using VIEW_TAB_RENDERING_CONTEXT DI token instead of VIEW_TAB_CONTEXT DI token. Supported contexts are tab, list-item and drag-image.