griffel

griffel copied to clipboard

test: add a test to ensure that "&" is handled equally

1

This PR adds a test to ensure that `:hover` & `&:hover` handled equally and will work in consistently in style overrides.

layershifter

core: `DEFINITION_LOOKUP_TABLE` causes issues when multiple versions of @griffel/core are present

3

`DEFINITION_LOOKUP_TABLE` is a singleton used by `mergeClasses()` to merge classes sequences deterministically. The problem comes when there are multiple versions of `@griffel/core` that use different by reference `DEFINITION_LOOKUP_TABLE` constants. It's...

layershifter

We need to have a helper for `textDecoration` it's a shorthand and might be hard to use it, https://github.com/microsoft/griffel/discussions/192. MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration

layershifter

core: create a chained selector with :global

11

The current global selector creates a style that is a parent selector ```js ':global(.parent)': { color: 'red', }, ``` ```css .parent .fztiaq5 { color: red; } ``` The above will...

ling1726

babel-preset/webpack-loader: use wyw-in-js

5

Linearia v4 has been released, there will be no v3 fixes going forward.

miroslavstastny

core: The default sort order for media queries should be author order

5

#141 added a feature to allows media queries to be sorted. However, [the default sort implementation](https://github.com/microsoft/griffel/blob/fc8266bace8f4de09469ddaf929ff0bf990274a7/packages/core/src/renderer/createDOMRenderer.ts#L34) is string comparison which breaks down for common breakpoint media queries that depend on...

spmonahan

core: Publish `shorthand` as a dedicated package

4

... which would benefit the entire CSS-in-JS community! I've [been](https://github.com/robinweser/inline-style-expand-shorthand/pull/34) [creating](https://github.com/robinweser/inline-style-expand-shorthand/pull/32) [PR](https://github.com/robinweser/inline-style-expand-shorthand/pull/33)s toward [inline-style-expand-shorthand](https://github.com/robinweser), which is currently the only shorthand expander the entire CSS-in-JS community has, but none of them...

SukkaW

core: `background` doesn't want to show up (without any errors)

5

In the playground, I tried adding this: ```js import { makeStyles, shorthands } from '@griffel/core'; export default makeStyles({ root: { backgroundColor: 'red', }, foo: { background: 'green' } }); ```...

dzearing

We have few issues with Nx where bugs are present or something work as not expected. Temporary this is solved with [patches](https://github.com/microsoft/griffel/tree/main/.yarn/patches) via `yarn`, but it's not a long term...

layershifter

vite: Add plugin for Vite

10

Hello 👋 This project seems very promising! Do you have plan to support Vite with a custom plugin? Documentation: https://vitejs.dev/guide/api-plugin.html `vanilla-extract` plugin (for reference): https://github.com/seek-oss/vanilla-extract/tree/master/packages/vite-plugin

zoontek