diff --git a/.changeset/funny-lemons-kiss.md b/.changeset/funny-lemons-kiss.md new file mode 100644 index 0000000000..4286ae2fdd --- /dev/null +++ b/.changeset/funny-lemons-kiss.md @@ -0,0 +1,9 @@ +--- +'lit-benchmarks': patch +'@lit-labs/motion': patch +'@lit-labs/observers': patch +'@lit/localize': patch +'@lit/localize-tools': patch +--- + +Trivial: reformat markdown files diff --git a/packages/benchmarks/CHANGELOG.md b/packages/benchmarks/CHANGELOG.md index 7ff6e37346..babee85abc 100644 --- a/packages/benchmarks/CHANGELOG.md +++ b/packages/benchmarks/CHANGELOG.md @@ -1,9 +1,8 @@ # lit-benchmarks ## 1.0.1 -### Patch Changes - +### Patch Changes - [#2299](https://github.com/lit/lit/pull/2299) [`4d522d82`](https://github.com/lit/lit/commit/4d522d82d393edd6da4edfad9154a57eaa3e708f) - Update chromedriver diff --git a/packages/labs/motion/README.md b/packages/labs/motion/README.md index 27722947a7..9ab7d25498 100644 --- a/packages/labs/motion/README.md +++ b/packages/labs/motion/README.md @@ -14,8 +14,8 @@ $ npm install @lit-labs/motion The `animate` directive can be used to animate DOM elements from one lit render to the next. If the `animate` element changes state between renders, the directive -performs a "tweening" animation between the two states based on the options given. -In addition, elements can animate when they initially render to DOM and when they +performs a "tweening" animation between the two states based on the options given. +In addition, elements can animate when they initially render to DOM and when they are removed. The directive supports a number of options: @@ -37,11 +37,11 @@ The directive supports a number of options: ### How it works -The directive uses the FLIP animation technique--derived from First, Last, Invert, -Play. This describes how the directive works. It measures the styling of the `animate` -element before a layout change (first) and after a layout change (last). Then it -inverts the last layout such that it matches the first layout. Finally it plays an -animation which removes the inverted layout such that the element animates to the +The directive uses the FLIP animation technique--derived from First, Last, Invert, +Play. This describes how the directive works. It measures the styling of the `animate` +element before a layout change (first) and after a layout change (last). Then it +inverts the last layout such that it matches the first layout. Finally it plays an +animation which removes the inverted layout such that the element animates to the "last" layout. See the [FLIP article by Paul Lewis](https://aerotwist.com/blog/flip-your-animations/) for more information about the technique. diff --git a/packages/labs/observers/CHANGELOG.md b/packages/labs/observers/CHANGELOG.md index 48eb8f13df..7cb15a6e40 100644 --- a/packages/labs/observers/CHANGELOG.md +++ b/packages/labs/observers/CHANGELOG.md @@ -1,13 +1,11 @@ # @lit-labs/observers ## 1.0.0 -### Major Changes - +### Major Changes - [#2340](https://github.com/lit/lit/pull/2340) [`e1c88265`](https://github.com/lit/lit/commit/e1c8826533d89b99b6c9e2192428337c496d6dd0) - A set of reactive controllers that facilitate using the platform observer objects, including MutationObserver, ResizeObserver, IntersectionObserver, and PerformanceObserver. - ### Patch Changes - Updated dependencies [[`08e7fc56`](https://github.com/lit/lit/commit/08e7fc566894d1916dc768c0843fce962ca4d6d4), [`eb5c5d2b`](https://github.com/lit/lit/commit/eb5c5d2b2159dcd8b2321fa9a221b8d56d127a11), [`49ecf623`](https://github.com/lit/lit/commit/49ecf6239033e9578184d46116e6b89676d091db), [`26e3fb7b`](https://github.com/lit/lit/commit/26e3fb7ba1d3ef778a9862ff73374802b4b4eb2e)]: diff --git a/packages/localize-tools/CHANGELOG.md b/packages/localize-tools/CHANGELOG.md index 637dd9267c..089aa86b15 100644 --- a/packages/localize-tools/CHANGELOG.md +++ b/packages/localize-tools/CHANGELOG.md @@ -159,19 +159,11 @@ Before: class HomePage { hello() { // msgdesc: Greeting to Earth - return msg( - html` - Hello World - ` - ); + return msg(html`Hello World`); } goodbye() { // msgdesc: Farewell to Earth - return msg( - html` - Goodbye World - ` - ); + return msg(html`Goodbye World`); } } ``` @@ -181,24 +173,14 @@ After: ```js class HomePage { hello() { - return msg( - html` - Hello World - `, - { - desc: 'Home page / Greeting to Earth' - } - ); + return msg(html`Hello World`, { + desc: 'Home page / Greeting to Earth', + }); } goodbye() { - return msg( - html` - Goodbye World - `, - { - desc: 'Home page / Farewell to Earth' - } - ); + return msg(html`Goodbye World`, { + desc: 'Home page / Farewell to Earth', + }); } } ``` diff --git a/packages/localize/CHANGELOG.md b/packages/localize/CHANGELOG.md index 39caff0946..c44ec218b0 100644 --- a/packages/localize/CHANGELOG.md +++ b/packages/localize/CHANGELOG.md @@ -131,19 +131,11 @@ Before: class HomePage { hello() { // msgdesc: Greeting to Earth - return msg( - html` - Hello World - ` - ); + return msg(html`Hello World`); } goodbye() { // msgdesc: Farewell to Earth - return msg( - html` - Goodbye World - ` - ); + return msg(html`Goodbye World`); } } ``` @@ -153,24 +145,14 @@ After: ```js class HomePage { hello() { - return msg( - html` - Hello World - `, - { - desc: 'Home page / Greeting to Earth' - } - ); + return msg(html`Hello World`, { + desc: 'Home page / Greeting to Earth', + }); } goodbye() { - return msg( - html` - Goodbye World - `, - { - desc: 'Home page / Farewell to Earth' - } - ); + return msg(html`Goodbye World`, { + desc: 'Home page / Farewell to Earth', + }); } } ``` @@ -192,23 +174,13 @@ class HomePage { Before: ```ts - msg( - name => - html` - Hello ${name}! - `, - {args: [getUsername()]} - ); + msg((name) => html`Hello ${name}!`, {args: [getUsername()]}); ``` After: ```ts - msg( - html` - Hello ${getUsername()}! - ` - ); + msg(html`Hello ${getUsername()}!`); ``` Plain strings containing expressions must now be tagged with the new `str` @@ -371,9 +343,7 @@ class HomePage { msg( 'hello', (url: string, name: string) => - html` - Hello ${name}, click here! - `, + html`Hello ${name}, click here!`, 'World', 'https://www.example.com/' );