Closed black7375 closed 2 months ago
Latest commit: ef27468caa714eea254f9b9c6563ba2a5483a135
Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.
Click here to learn what changesets are, and how to add one.
Click here if you're a maintainer who wants to add a changeset to this PR
The changes introduce new functionality related to CSS rules and variants within the codebase. A utility function for generating runtime class names based on variant selections is added, along with a structured approach to managing CSS rules and their variants. Several types and interfaces are defined to enhance type safety and flexibility, while new exports are introduced to facilitate these enhancements.
File(s) | Change Summary |
---|---|
packages/css/src/index.ts |
New exports for rules and types RulesVariants , RecipeVariants , and RuntimeFn . |
packages/css/src/rules/*.ts |
New utility function createRuntimeFn for runtime class name generation and rules function for creating CSS rules with variants. Types and interfaces defined in types.ts for managing CSS variants. |
packages/css/src/rules/utils.ts |
New function mapValues for transforming object values based on a mapping function. |
sequenceDiagram
participant User
participant CSSModule
participant RuntimeFn
User->>CSSModule: Request CSS rule creation
CSSModule->>RuntimeFn: Generate runtime class names
RuntimeFn-->>CSSModule: Return generated class names
CSSModule-->>User: Provide CSS rules with variants
🐇 "In the meadow where styles play,
New rules hop in, brightening the day.
With variants dancing, oh what a sight,
Our CSS shines, all colors so bright!
So let’s celebrate with a joyful cheer,
For changes that bring us all such good cheer!" 🥕
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?
Triggered from https://github.com/mincho-js/mincho/pull/95 by @​black7375.
Checking if we can fast forward main
(87118d3bfaf731e8ee521dc33d9243cc0e99ba0b) to vanilla-recipe
(1836f2d2470f0a0a9b29b67ca05a5d4cf52b56ef).
Target branch (main
):
commit 87118d3bfaf731e8ee521dc33d9243cc0e99ba0b (HEAD -> main, origin/main, origin/HEAD)
Author: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon Sep 2 02:03:05 2024 +0000
Chore(deps-dev): Bump the dev-dependencies group with 8 updates
Bumps the dev-dependencies group with 8 updates:
| Package | From | To |
| --- | --- | --- |
| [@types/eslint](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/eslint) | `9.6.0` | `9.6.1` |
| [@types/node](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/node) | `22.5.0` | `22.5.2` |
| [turbo](https://github.com/vercel/turborepo) | `2.0.14` | `2.1.1` |
| [@typescript-eslint/parser](https://github.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/parser) | `8.2.0` | `8.3.0` |
| [typescript-eslint](https://github.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/typescript-eslint) | `8.2.0` | `8.3.0` |
| [vite-plugin-dts](https://github.com/qmhc/vite-plugin-dts) | `4.0.3` | `4.1.0` |
| [@types/react](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/react) | `18.3.4` | `18.3.5` |
| [@typescript-eslint/eslint-plugin](https://github.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/eslint-plugin) | `8.2.0` | `8.3.0` |
Updates `@types/eslint` from 9.6.0 to 9.6.1
- [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases)
- [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/eslint)
Updates `@types/node` from 22.5.0 to 22.5.2
- [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases)
- [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/node)
Updates `turbo` from 2.0.14 to 2.1.1
- [Release notes](https://github.com/vercel/turborepo/releases)
- [Changelog](https://github.com/vercel/turborepo/blob/main/release.md)
- [Commits](https://github.com/vercel/turborepo/compare/v2.0.14...v2.1.1)
Updates `@typescript-eslint/parser` from 8.2.0 to 8.3.0
- [Release notes](https://github.com/typescript-eslint/typescript-eslint/releases)
- [Changelog](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/parser/CHANGELOG.md)
- [Commits](https://github.com/typescript-eslint/typescript-eslint/commits/v8.3.0/packages/parser)
Updates `typescript-eslint` from 8.2.0 to 8.3.0
- [Release notes](https://github.com/typescript-eslint/typescript-eslint/releases)
- [Changelog](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/typescript-eslint/CHANGELOG.md)
- [Commits](https://github.com/typescript-eslint/typescript-eslint/commits/v8.3.0/packages/typescript-eslint)
Updates `vite-plugin-dts` from 4.0.3 to 4.1.0
- [Release notes](https://github.com/qmhc/vite-plugin-dts/releases)
- [Changelog](https://github.com/qmhc/vite-plugin-dts/blob/main/CHANGELOG.md)
- [Commits](https://github.com/qmhc/vite-plugin-dts/compare/v4.0.3...v4.1.0)
Updates `@types/react` from 18.3.4 to 18.3.5
- [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases)
- [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/react)
Updates `@typescript-eslint/eslint-plugin` from 8.2.0 to 8.3.0
- [Release notes](https://github.com/typescript-eslint/typescript-eslint/releases)
- [Changelog](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/eslint-plugin/CHANGELOG.md)
- [Commits](https://github.com/typescript-eslint/typescript-eslint/commits/v8.3.0/packages/eslint-plugin)
---
updated-dependencies:
- dependency-name: "@types/eslint"
dependency-type: direct:development
update-type: version-update:semver-patch
dependency-group: dev-dependencies
- dependency-name: "@types/node"
dependency-type: direct:development
update-type: version-update:semver-patch
dependency-group: dev-dependencies
- dependency-name: turbo
dependency-type: direct:development
update-type: version-update:semver-minor
dependency-group: dev-dependencies
- dependency-name: "@typescript-eslint/parser"
dependency-type: direct:development
update-type: version-update:semver-minor
dependency-group: dev-dependencies
- dependency-name: typescript-eslint
dependency-type: direct:development
update-type: version-update:semver-minor
dependency-group: dev-dependencies
- dependency-name: vite-plugin-dts
dependency-type: direct:development
update-type: version-update:semver-minor
dependency-group: dev-dependencies
- dependency-name: "@types/react"
dependency-type: direct:development
update-type: version-update:semver-patch
dependency-group: dev-dependencies
- dependency-name: "@typescript-eslint/eslint-plugin"
dependency-type: direct:development
update-type: version-update:semver-minor
dependency-group: dev-dependencies
...
Signed-off-by: dependabot[bot] <support@github.com>
Pull request (vanilla-recipe
):
commit 1836f2d2470f0a0a9b29b67ca05a5d4cf52b56ef (pull_request/vanilla-recipe)
Author: alstjr7375 <alstjr7375@daum.net>
Date: Mon Sep 2 14:58:19 2024 +0900
Feat: Rules - Basic porting for CSS rules with vanilla extract recipe
It is possible to fast forward main
(87118d3bfaf731e8ee521dc33d9243cc0e99ba0b) to vanilla-recipe
(1836f2d2470f0a0a9b29b67ca05a5d4cf52b56ef). If you have write access to the target repository, you can add a comment with /fast-forward
to fast forward main
to vanilla-recipe
.
Triggered from https://github.com/mincho-js/mincho/pull/95 by @​black7375.
Checking if we can fast forward main
(87118d3bfaf731e8ee521dc33d9243cc0e99ba0b) to vanilla-recipe
(ef27468caa714eea254f9b9c6563ba2a5483a135).
Target branch (main
):
commit 87118d3bfaf731e8ee521dc33d9243cc0e99ba0b (HEAD -> main, origin/main, origin/HEAD)
Author: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon Sep 2 02:03:05 2024 +0000
Chore(deps-dev): Bump the dev-dependencies group with 8 updates
Bumps the dev-dependencies group with 8 updates:
| Package | From | To |
| --- | --- | --- |
| [@types/eslint](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/eslint) | `9.6.0` | `9.6.1` |
| [@types/node](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/node) | `22.5.0` | `22.5.2` |
| [turbo](https://github.com/vercel/turborepo) | `2.0.14` | `2.1.1` |
| [@typescript-eslint/parser](https://github.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/parser) | `8.2.0` | `8.3.0` |
| [typescript-eslint](https://github.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/typescript-eslint) | `8.2.0` | `8.3.0` |
| [vite-plugin-dts](https://github.com/qmhc/vite-plugin-dts) | `4.0.3` | `4.1.0` |
| [@types/react](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/react) | `18.3.4` | `18.3.5` |
| [@typescript-eslint/eslint-plugin](https://github.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/eslint-plugin) | `8.2.0` | `8.3.0` |
Updates `@types/eslint` from 9.6.0 to 9.6.1
- [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases)
- [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/eslint)
Updates `@types/node` from 22.5.0 to 22.5.2
- [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases)
- [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/node)
Updates `turbo` from 2.0.14 to 2.1.1
- [Release notes](https://github.com/vercel/turborepo/releases)
- [Changelog](https://github.com/vercel/turborepo/blob/main/release.md)
- [Commits](https://github.com/vercel/turborepo/compare/v2.0.14...v2.1.1)
Updates `@typescript-eslint/parser` from 8.2.0 to 8.3.0
- [Release notes](https://github.com/typescript-eslint/typescript-eslint/releases)
- [Changelog](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/parser/CHANGELOG.md)
- [Commits](https://github.com/typescript-eslint/typescript-eslint/commits/v8.3.0/packages/parser)
Updates `typescript-eslint` from 8.2.0 to 8.3.0
- [Release notes](https://github.com/typescript-eslint/typescript-eslint/releases)
- [Changelog](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/typescript-eslint/CHANGELOG.md)
- [Commits](https://github.com/typescript-eslint/typescript-eslint/commits/v8.3.0/packages/typescript-eslint)
Updates `vite-plugin-dts` from 4.0.3 to 4.1.0
- [Release notes](https://github.com/qmhc/vite-plugin-dts/releases)
- [Changelog](https://github.com/qmhc/vite-plugin-dts/blob/main/CHANGELOG.md)
- [Commits](https://github.com/qmhc/vite-plugin-dts/compare/v4.0.3...v4.1.0)
Updates `@types/react` from 18.3.4 to 18.3.5
- [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases)
- [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/react)
Updates `@typescript-eslint/eslint-plugin` from 8.2.0 to 8.3.0
- [Release notes](https://github.com/typescript-eslint/typescript-eslint/releases)
- [Changelog](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/eslint-plugin/CHANGELOG.md)
- [Commits](https://github.com/typescript-eslint/typescript-eslint/commits/v8.3.0/packages/eslint-plugin)
---
updated-dependencies:
- dependency-name: "@types/eslint"
dependency-type: direct:development
update-type: version-update:semver-patch
dependency-group: dev-dependencies
- dependency-name: "@types/node"
dependency-type: direct:development
update-type: version-update:semver-patch
dependency-group: dev-dependencies
- dependency-name: turbo
dependency-type: direct:development
update-type: version-update:semver-minor
dependency-group: dev-dependencies
- dependency-name: "@typescript-eslint/parser"
dependency-type: direct:development
update-type: version-update:semver-minor
dependency-group: dev-dependencies
- dependency-name: typescript-eslint
dependency-type: direct:development
update-type: version-update:semver-minor
dependency-group: dev-dependencies
- dependency-name: vite-plugin-dts
dependency-type: direct:development
update-type: version-update:semver-minor
dependency-group: dev-dependencies
- dependency-name: "@types/react"
dependency-type: direct:development
update-type: version-update:semver-patch
dependency-group: dev-dependencies
- dependency-name: "@typescript-eslint/eslint-plugin"
dependency-type: direct:development
update-type: version-update:semver-minor
dependency-group: dev-dependencies
...
Signed-off-by: dependabot[bot] <support@github.com>
Pull request (vanilla-recipe
):
commit ef27468caa714eea254f9b9c6563ba2a5483a135 (pull_request/vanilla-recipe)
Author: alstjr7375 <alstjr7375@daum.net>
Date: Mon Sep 2 15:54:16 2024 +0900
Feat: Rules - Basic porting for CSS rules with vanilla extract recipe #94
It is possible to fast forward main
(87118d3bfaf731e8ee521dc33d9243cc0e99ba0b) to vanilla-recipe
(ef27468caa714eea254f9b9c6563ba2a5483a135). If you have write access to the target repository, you can add a comment with /fast-forward
to fast forward main
to vanilla-recipe
.
/fast-forward
Triggered from https://github.com/mincho-js/mincho/pull/95#issuecomment-2330768428 by @​black7375.
Trying to fast forward main
(87118d3bfaf731e8ee521dc33d9243cc0e99ba0b) to vanilla-recipe
(ef27468caa714eea254f9b9c6563ba2a5483a135).
Target branch (main
):
commit 87118d3bfaf731e8ee521dc33d9243cc0e99ba0b (HEAD -> main, origin/main, origin/HEAD)
Author: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Date: Mon Sep 2 02:03:05 2024 +0000
Chore(deps-dev): Bump the dev-dependencies group with 8 updates
Bumps the dev-dependencies group with 8 updates:
| Package | From | To |
| --- | --- | --- |
| [@types/eslint](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/eslint) | `9.6.0` | `9.6.1` |
| [@types/node](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/node) | `22.5.0` | `22.5.2` |
| [turbo](https://github.com/vercel/turborepo) | `2.0.14` | `2.1.1` |
| [@typescript-eslint/parser](https://github.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/parser) | `8.2.0` | `8.3.0` |
| [typescript-eslint](https://github.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/typescript-eslint) | `8.2.0` | `8.3.0` |
| [vite-plugin-dts](https://github.com/qmhc/vite-plugin-dts) | `4.0.3` | `4.1.0` |
| [@types/react](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/react) | `18.3.4` | `18.3.5` |
| [@typescript-eslint/eslint-plugin](https://github.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/eslint-plugin) | `8.2.0` | `8.3.0` |
Updates `@types/eslint` from 9.6.0 to 9.6.1
- [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases)
- [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/eslint)
Updates `@types/node` from 22.5.0 to 22.5.2
- [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases)
- [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/node)
Updates `turbo` from 2.0.14 to 2.1.1
- [Release notes](https://github.com/vercel/turborepo/releases)
- [Changelog](https://github.com/vercel/turborepo/blob/main/release.md)
- [Commits](https://github.com/vercel/turborepo/compare/v2.0.14...v2.1.1)
Updates `@typescript-eslint/parser` from 8.2.0 to 8.3.0
- [Release notes](https://github.com/typescript-eslint/typescript-eslint/releases)
- [Changelog](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/parser/CHANGELOG.md)
- [Commits](https://github.com/typescript-eslint/typescript-eslint/commits/v8.3.0/packages/parser)
Updates `typescript-eslint` from 8.2.0 to 8.3.0
- [Release notes](https://github.com/typescript-eslint/typescript-eslint/releases)
- [Changelog](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/typescript-eslint/CHANGELOG.md)
- [Commits](https://github.com/typescript-eslint/typescript-eslint/commits/v8.3.0/packages/typescript-eslint)
Updates `vite-plugin-dts` from 4.0.3 to 4.1.0
- [Release notes](https://github.com/qmhc/vite-plugin-dts/releases)
- [Changelog](https://github.com/qmhc/vite-plugin-dts/blob/main/CHANGELOG.md)
- [Commits](https://github.com/qmhc/vite-plugin-dts/compare/v4.0.3...v4.1.0)
Updates `@types/react` from 18.3.4 to 18.3.5
- [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases)
- [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/react)
Updates `@typescript-eslint/eslint-plugin` from 8.2.0 to 8.3.0
- [Release notes](https://github.com/typescript-eslint/typescript-eslint/releases)
- [Changelog](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/eslint-plugin/CHANGELOG.md)
- [Commits](https://github.com/typescript-eslint/typescript-eslint/commits/v8.3.0/packages/eslint-plugin)
---
updated-dependencies:
- dependency-name: "@types/eslint"
dependency-type: direct:development
update-type: version-update:semver-patch
dependency-group: dev-dependencies
- dependency-name: "@types/node"
dependency-type: direct:development
update-type: version-update:semver-patch
dependency-group: dev-dependencies
- dependency-name: turbo
dependency-type: direct:development
update-type: version-update:semver-minor
dependency-group: dev-dependencies
- dependency-name: "@typescript-eslint/parser"
dependency-type: direct:development
update-type: version-update:semver-minor
dependency-group: dev-dependencies
- dependency-name: typescript-eslint
dependency-type: direct:development
update-type: version-update:semver-minor
dependency-group: dev-dependencies
- dependency-name: vite-plugin-dts
dependency-type: direct:development
update-type: version-update:semver-minor
dependency-group: dev-dependencies
- dependency-name: "@types/react"
dependency-type: direct:development
update-type: version-update:semver-patch
dependency-group: dev-dependencies
- dependency-name: "@typescript-eslint/eslint-plugin"
dependency-type: direct:development
update-type: version-update:semver-minor
dependency-group: dev-dependencies
...
Signed-off-by: dependabot[bot] <support@github.com>
Pull request (vanilla-recipe
):
commit ef27468caa714eea254f9b9c6563ba2a5483a135 (pull_request/vanilla-recipe)
Author: alstjr7375 <alstjr7375@daum.net>
Date: Mon Sep 2 15:54:16 2024 +0900
Feat: Rules - Basic porting for CSS rules with vanilla extract recipe #94
Fast forwarding main
(87118d3bfaf731e8ee521dc33d9243cc0e99ba0b) to vanilla-recipe
(ef27468caa714eea254f9b9c6563ba2a5483a135).
$ git push origin ef27468caa714eea254f9b9c6563ba2a5483a135:main
remote: error: GH013: Repository rule violations found for refs/heads/main.
remote: Review all repository rules at http://github.com/mincho-js/mincho/rules?ref=refs%2Fheads%2Fmain
remote:
remote: - This branch must not contain merge commits.
remote: Found 1 violation:
remote:
remote: b00bf24b8bb4f5c0c4262e267988d9632f279eff
remote:
To https://github.com/mincho-js/mincho.git
! [remote rejected] ef27468caa714eea254f9b9c6563ba2a5483a135 -> main (push declined due to repository rule violations)
error: failed to push some refs to 'https://github.com/mincho-js/mincho.git'
Description
Port from https://github.com/vanilla-extract-css/vanilla-extract/tree/master/packages/recipes/src
Related Issue
94
Summary by CodeRabbit
New Features
Bug Fixes
Documentation
Additional context
Combine the commit history with the following command.
Checklist