magic-akari / lrc-maker

歌词滚动姬|可能是你所能见到的最好用的歌词制作工具
https://lrc-maker.github.io
MIT License
865 stars 97 forks source link

chore(deps): update dependency lightningcss to v1.25.0 #115

Closed renovate[bot] closed 5 months ago

renovate[bot] commented 8 months ago

Mend Renovate

This PR contains the following updates:

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

Release Notes

parcel-bundler/lightningcss (lightningcss) ### [`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 - At any time (no schedule defined), 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.

cloudflare-workers-and-pages[bot] commented 8 months ago

Deploying lrc-maker with  Cloudflare Pages  Cloudflare Pages

Latest commit: 666886c
Status: ✅  Deploy successful!
Preview URL: https://175c5330.lrc-maker.pages.dev
Branch Preview URL: https://renovate-lightningcss-1-x.lrc-maker.pages.dev

View logs

vercel[bot] commented 8 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
lrc-maker ✅ Ready (Inspect) Visit Preview 💬 Add feedback May 17, 2024 11:16pm
netlify[bot] commented 8 months ago

Deploy Preview for lrc-maker ready!

Name Link
Latest commit 666886cdc50a3cd3c46698fa85be2657486b4ae7
Latest deploy log https://app.netlify.com/sites/lrc-maker/deploys/6647e52594a2620008a05bfe
Deploy Preview https://deploy-preview-115--lrc-maker.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.