Commits · d0da616dca89593a181173af5ba872d5aa1296cb · accessibility / TYPO3.CMS

This project is mirrored from https://git.typo3.org/typo3/typo3.git. Pull mirroring failed Feb 20, 2022.
Repository mirroring has been paused due to too many failed attempts. It can be resumed by a project maintainer.
Last successful update Feb 18, 2022.

23 Apr, 2021 1 commit

[TASK] Update to Lit v2-rc1 · d0da616d

Benjamin Franzke authored Feb 25, 2021

Lit is the umbrella term for the next major
lit-html (v2) and lit-element (v3) versions.
Therefore we will refer to these components as
*Lit* in TYPO3 from now on as well.

These two libraries also have been migrated into
a single entry point module named `lit`.
It is officially described as:
> The main module exports the core pieces needed for component
> development: LitElement, html, css, and the most

lit-html v2 and lit-element v3 are mostly compatible
to the previous major versions. Main changes are

 * Deprecation of the `lit-element` entry point in
   favor of the new `lit` module
 * @internalProperty changed to @state
 * shadow css declaration via static property
   instead of static getter method
 * The CSSResult type declaration is gone
 * Directive (currently unused in TYPO3) API has changed

Related testing framework change is:
https://github.com/TYPO3/testing-framework/pull/229

Commands used:

  rm -rf typo3/sysext/core/Resources/Public/JavaScript/Contrib/{@lit,lit-element,lit-html,lit}/
  yarn add lit@^2.0.0-rc.1 lit-html@^2.0.0-rc.2 lit-element@^3.0.0-rc.1
  yarn add --dev rollup@^2.32.0 @rollup/plugin-replace
  grunt build
  git add typo3/sysext/core/Resources/Public/JavaScript/Contrib/{@lit,lit-element,lit-html,lit}/

  composer require --dev typo3/testing-framework:^6.8.1
  composer require --dev typo3/testing-framework:^6.8.1 \
    --no-update --working-dir=typo3/sysext/core

Resolves: #93965
Releases: master
Change-Id: I9b659d851e6ad9dc3cc649bd40aab886b86fb0f8
Reviewed-on: https://review.typo3.org/c/Packages/TYPO3.CMS/+/68104

Tested-by: Oliver Hader <oliver.hader@typo3.org>
Tested-by: TYPO3com <noreply@typo3.com>
Tested-by: core-ci <typo3@b13.com>
Tested-by: Benni Mack <benni@typo3.org>
Tested-by: Benjamin Franzke <bfr@qbus.de>
Reviewed-by: Oliver Hader <oliver.hader@typo3.org>
Reviewed-by: Benni Mack <benni@typo3.org>
Reviewed-by: Benjamin Franzke <bfr@qbus.de>

d0da616d

01 Mar, 2021 1 commit

[TASK] Add <typo3-backend-icon> component · 2345e665

Benjamin Franzke authored Feb 09, 2021 and

Benni Mack committed Mar 01, 2021

The component is provided as replacement for the
current lit-helper `icon()` which cannot provide
support for icon usage inside shadow dom elements.

The component renders all icons as inline SVGs.
FontawesomeIconProvider is therefore adapted
to provide inline rendered SVGs for font-awesome
icons. Not that these inline font-awesome SVGs
will also be used in areas where 'inline' icons are
requested (like information toolbar) but the
fallback to 'default' was used before.

The component supports all properties of the
Icon API via HTML attributes.
Colors and custom sizes can be applied to the
component via CSS color/font-size property:

typo3-backend-icon[identifier=status-dialog-information] {
  color:#6daae0;
  /* An explicit font-size will be used as icon width & height */
  font-size: 1.2em;
}

Resolves: #93473
Releases: master
Change-Id: I3044c325f122eb0085ecb3f45fb9502bfb314d5d
Reviewed-on: https://review.typo3.org/c/Packages/TYPO3.CMS/+/67675

Tested-by: Richard Haeser <richard@richardhaeser.com>
Tested-by: core-ci <typo3@b13.com>
Tested-by: TYPO3com <noreply@typo3.com>
Tested-by: Benni Mack <benni@typo3.org>
Reviewed-by: Richard Haeser <richard@richardhaeser.com>
Reviewed-by: Benni Mack <benni@typo3.org>

2345e665