mirror of
https://github.com/vercel/next.js.git
synced 2026-09-20 02:25:18 +08:00
Steven
4466ba436b
## Description This PR ensures that the default prettier config is used for examples and templates. This config is compatible with `prettier@3` as well (upgrading prettier is bigger change that can be a future PR). ## Changes - Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will be needed upgrading to prettier@3) - Added `examples/.prettierrc.json` with default config (this will change every example) - Added `packages/create-next-app/templates/.prettierrc.json` with default config (this will change every template) ## Related - Fixes #54402 - Closes #54409
39 lines
765 B
TypeScript
39 lines
765 B
TypeScript
import { cva } from "@/styled-system/css";
|
|
|
|
const styles = cva({
|
|
base: {
|
|
color: {
|
|
_default: "gray.800",
|
|
_osDark: "gray.100",
|
|
},
|
|
fontFamily: "inter",
|
|
},
|
|
variants: {
|
|
size: {
|
|
sm: { fontSize: "sm" },
|
|
lg: { fontSize: "lg" },
|
|
},
|
|
},
|
|
defaultVariants: {
|
|
size: "lg",
|
|
},
|
|
});
|
|
|
|
/**
|
|
* Link with atomic recipe
|
|
* @see https://panda-css.com/docs/concepts/recipes#atomic-recipe-or-cva
|
|
*/
|
|
export default function LinkWithAtomicRecipe() {
|
|
return (
|
|
<a
|
|
className={styles({ size: "lg" })}
|
|
href="https://panda-css.com/docs/concepts/recipes#atomic-recipe-or-cva"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
>
|
|
Link with <b>atomic recipe</b>
|
|
<span className="icon">-></span>
|
|
</a>
|
|
);
|
|
}
|