Closed renovate[bot] closed 5 months ago
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 |
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 |
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...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site configuration.
This PR contains the following updates:
1.23.0
->1.25.0
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.