chore(deps): update panda-css monorepo to ^0.29.0 #208
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR contains the following updates:
^0.28.0
->^0.29.0
^0.28.0
->^0.29.0
Release Notes
chakra-ui/panda (@pandacss/dev)
v0.29.0
Compare Source
Minor Changes
a2fb5cc
: - Add support for explicitly specifying config related files that should trigger a context reload on change.Set the
dependencies
option inpanda.config.ts
to a glob or list of files.Invoke
config:change
hook in more situations (when the--watch
flag is passed topanda codegen
,panda cssgen
,panda ship
)Watch for more config options paths changes, so that the related artifacts will be regenerated a bit more reliably
(ex: updating the
config.hooks
will now trigger a full regeneration ofstyled-system
)Patch Changes
5fcdeb7
]7c7340e
]ea3f554
]250b4d1
]a2fb5cc
]chakra-ui/panda (@pandacss/types)
v0.29.0
Compare Source
Minor Changes
5fcdeb7
: Update every utilities connected to thecolors
tokens in the@pandacss/preset-base
(included by default)to use the
color-mix
CSS function.This function allows you to mix two colors together, and we use it to change the opacity of a color using the
{color}/{opacity}
syntax.You can use it like this:
This will generate:
color-mix
color-mix
function is not supported by thebrowser.
The
utilities
transform function also receives a newutils
object that contains thecolorMix
function, so youcan also use it on your own utilities:
Here's a cool snippet (that we use internally !) that makes it easier to create a utility transform for a given
property:
then the same utility transform as above can be written like this:
250b4d1
: ### Container Query ThemeImprove support for CSS container queries by adding a new
containerNames
andcontainerSizes
theme options.You can new define container names and sizes in your theme configuration and use them in your styles.
The default container sizes in the
@pandacss/preset-panda
preset are shown below:Then use them in your styles by referencing using
@<container-name>/<container-size>
syntax:This will generate the following CSS:
Container Query Pattern
To make it easier to use container queries, we've added a new
cq
pattern to@pandacss/preset-base
.You can also named container queries:
a2fb5cc
: - Add support for explicitly specifying config related files that should trigger a context reload on change.Set the
dependencies
option inpanda.config.ts
to a glob or list of files.Invoke
config:change
hook in more situations (when the--watch
flag is passed topanda codegen
,panda cssgen
,panda ship
)Watch for more config options paths changes, so that the related artifacts will be regenerated a bit more reliably
(ex: updating the
config.hooks
will now trigger a full regeneration ofstyled-system
)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 these updates again.
This PR has been generated by Mend Renovate. View repository job log here.