maxmilton / new-tab

âš¡ A high-performance browser new tab page that gets you where you need to go faster.
https://chrome.google.com/webstore/detail/new-tab/cpcibnbdmpmcmnkhoiilpnlaepkepknb
MIT License
86 stars 7 forks source link

chore(deps): update dependency lightningcss to v1.25.1 #2138

Closed renovate[bot] closed 3 months ago

renovate[bot] commented 3 months ago

Mend Renovate

This PR contains the following updates:

Package Change Age Adoption Passing Confidence
lightningcss 1.23.0 -> 1.25.1 age adoption passing confidence

Release Notes

parcel-bundler/lightningcss (lightningcss) ### [`v1.25.1`](https://togithub.com/parcel-bundler/lightningcss/releases/tag/v1.25.1) [Compare Source](https://togithub.com/parcel-bundler/lightningcss/compare/v1.25.0...v1.25.1) Fixes a property ordering bug when using the `all` shorthand. ### [`v1.25.0`](https://togithub.com/parcel-bundler/lightningcss/releases/tag/v1.25.0) [Compare Source](https://togithub.com/parcel-bundler/lightningcss/compare/v1.24.1...v1.25.0) This release adds more granular options for CSS modules, implements some new CSS properties, and fixes bugs. ##### Added - Add granular options to control which identifiers are scoped in CSS modules. You can turn off scoping for `grid`, `animation`, and `custom_idents`. This may be useful when migrating from other tools. [See docs](https://lightningcss.dev/css-modules.html#turning-off-feature-scoping). Thanks [@​timneutkens](https://togithub.com/timneutkens)! [`83839a9`](https://togithub.com/parcel-bundler/lightningcss/commit/83839a98dbe0000acbdf039d968f33e1e8c50277) - Optimize the `all` shorthand property to reset other properties except `direction` and `unicode-bidi`. [`d7aeff3`](https://togithub.com/parcel-bundler/lightningcss/commit/d7aeff3db67ee9d15e0fefce9251cf41c0b8ec44) - Implement `animation-timeline` property and add support for it in the `animation` shorthand [`f4408c7`](https://togithub.com/parcel-bundler/lightningcss/commit/f4408c7bdbbfa2c4cbdf5731b351811a0323fa8c) ##### Fixed - Prevent simplifying `translate: none` and `scale: none` which are distinct from `translate: 0` and `scale: 1`. Thanks [@​RobinMalfait](https://togithub.com/RobinMalfait)! [`a4cc024`](https://togithub.com/parcel-bundler/lightningcss/commit/a4cc0246d28c364c0f4e16552685bd911444bdc5) - Fix crash on box-shadow with `currentColor` keyword. Thanks [@​magic-akari](https://togithub.com/magic-akari)! [`06ba62f`](https://togithub.com/parcel-bundler/lightningcss/commit/06ba62f6d1af563cd8ad31dba13844f434345720) - Fix minifier removing zero channels in `color()` function to follow spec change [`445def9`](https://togithub.com/parcel-bundler/lightningcss/commit/445def9a77f89aa612fecb2f776261fc2c9d8f66) - Fix CSS module scoping with variables in `animation` shorthand [`fb4b334`](https://togithub.com/parcel-bundler/lightningcss/commit/fb4b33488cbf54ba063de8babb42aec016a96ce8) - Update browser compatibility data [`ec9da43`](https://togithub.com/parcel-bundler/lightningcss/commit/ec9da43eeb1a236f5fd8dc472b3fe060c3db9a79) ### [`v1.24.1`](https://togithub.com/parcel-bundler/lightningcss/releases/tag/v1.24.1) [Compare Source](https://togithub.com/parcel-bundler/lightningcss/compare/v1.24.0...v1.24.1) - Disabled CSS `transform` optimizations using `matrix()`, which could break transitions and animations. – [https://github.com/parcel-bundler/lightningcss/pull/694](https://togithub.com/parcel-bundler/lightningcss/pull/694) - Merge `@supports` declarations with the same property (minus vendor prefix) and value – [`6bd2761`](https://togithub.com/parcel-bundler/lightningcss/commit/6bd2761badb9d5434783acffcae35ef6c3311e06) ### [`v1.24.0`](https://togithub.com/parcel-bundler/lightningcss/releases/tag/v1.24.0) [Compare Source](https://togithub.com/parcel-bundler/lightningcss/compare/v1.23.0...v1.24.0) This release adds support the the `light-dark()` color function, parses CSS [system colors](https://developer.mozilla.org/en-US/docs/Web/CSS/system-color), deduplicates custom properties during minification, merges duplicates `@keyframes` rules, and fixes some bugs. #### light-dark() The [`light-dark()`](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark) function allows you to specify a light mode and dark mode color in a single declaration, without needing to write a separate media query rule. In addition, it uses the [`color-scheme`](https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme) property to control which theme to use, which allows you to set it programmatically. The `color-scheme` property also inherits so themes can be nested and the nearest ancestor color scheme applies. Lightning CSS converts the `light-dark()` function to use CSS variable fallback when your browser targets don't support it natively. For this to work, you must set the `color-scheme` property on an ancestor element. The following example shows how you can support both operating system and programmatic overrides for the color scheme. ```css html { color-scheme: light dark; } html[data-theme=light] { color-scheme: light; } html[data-theme=dark] { color-scheme: dark; } button { background: light-dark(#aaa, #​444); } ``` compiles to: ```css html { --lightningcss-light: initial; --lightningcss-dark: ; color-scheme: light dark; } @​media (prefers-color-scheme: dark) { html { --lightningcss-light: ; --lightningcss-dark: initial; } } html[data-theme="light"] { --lightningcss-light: initial; --lightningcss-dark: ; color-scheme: light; } html[data-theme="dark"] { --lightningcss-light: ; --lightningcss-dark: initial; color-scheme: dark; } button { background: var(--lightningcss-light, #aaa) var(--lightningcss-dark, #​444); } ``` Check it out in the [playground](https://lightningcss.dev/playground/index.html#%7B%22minify%22%3Afalse%2C%22customMedia%22%3Atrue%2C%22cssModules%22%3Afalse%2C%22analyzeDependencies%22%3Afalse%2C%22targets%22%3A%7B%22chrome%22%3A6225920%7D%2C%22include%22%3A0%2C%22exclude%22%3A0%2C%22source%22%3A%22html%20%7B%5Cn%20%20color-scheme%3A%20light%20dark%3B%5Cn%7D%5Cn%5Cnhtml%5Bdata-theme%3Dlight%5D%20%7B%5Cn%20%20color-scheme%3A%20light%3B%5Cn%7D%5Cn%5Cnhtml%5Bdata-theme%3Ddark%5D%20%7B%5Cn%20%20color-scheme%3A%20dark%3B%5Cn%7D%5Cn%5Cnbutton%20%7B%5Cn%20%20background%3A%20light-dark\(%23aaa%2C%20%23444\)%3B%5Cn%7D%22%2C%22visitorEnabled%22%3Afalse%2C%22visitor%22%3A%22%7B%5Cn%20%20Color\(color\)%20%7B%5Cn%20%20%20%20if%20\(color.type%20%3D%3D%3D%20'rgb'\)%20%7B%5Cn%20%20%20%20%20%20color.g%20%3D%200%3B%5Cn%20%20%20%20%20%20return%20color%3B%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%7D%22%2C%22unusedSymbols%22%3A%5B%5D%2C%22version%22%3A%22local%22%7D). #### CSS system colors CSS [system colors](https://developer.mozilla.org/en-US/docs/Web/CSS/system-color) are now supported during parsing, meaning they can be safely deduplicated when merging rules. ```css .a { background: Highlight; } .a { background: ButtonText; } ``` compiles to: ```css .a{background:buttontext} ``` #### Custom property deduplication CSS custom properties are now deduplicated when merging rules. The last property value always wins. ```css .a { --foo: red; } .a { --foo: green; } ``` minifies to: ```css .a{--foo:green} ``` #### `@keyframes` deduplication `@keyframes` rules are also now deduplicated during minification. The last rule of the same name wins. ```css @​keyframes a { from { opacity: 0 } to { opacity: 1 } } @​keyframes a { from { color: red } to { color: blue } } ``` compiles to: ```css @​keyframes a{0%{color:red}to{color:#​00f}} ``` #### Other bug fixes - [Bump browserslist-rs and browser compat data](https://togithub.com/parcel-bundler/lightningcss/commit/fa795e19ad3b13f5c96b505159bade499a78d7e4) - [Don't output duplicate properties when incompatible with targets](https://togithub.com/parcel-bundler/lightningcss/commit/981175b13be1f3f4c5f95a15a753897715c14245) - [Parse a TokenList instead of only a single Token in `@property` rules](https://togithub.com/parcel-bundler/lightningcss/commit/949eb13c84d7f9d46da1eb3c145ced08efe79ca1)

Configuration

📅 Schedule: Branch creation - "before 5pm on the first day of the month" (UTC), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

â™» Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.



This PR has been generated by Mend Renovate. View repository job log here.

renovate[bot] commented 3 months ago

Renovate Ignore Notification

Because you closed this PR without merging, Renovate will ignore this update (1.25.1). You will get a PR once a newer version is released. To ignore this dependency forever, add it to the ignoreDeps array of your Renovate config.

If you accidentally closed this PR, or if you changed your mind: rename this PR to get a fresh replacement PR.