@griffel/react 1.7.0 → 1.7.2

package/README.md

@@ -79,6 +79,10 @@ const useClasses = makeStyles({
     '@container foo (max-width: 992px)': { color: 'orange' },
     '@supports (display: grid)': { color: 'red' },
     '@layer utility': { marginBottom: '1em' },
+    '@scope to (.boundary)': {
+      ':hover': { color: 'cyan' },
+      '& p': { color: 'red' },
+    },
   },
 });
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@griffel/react",
-  "version": "1.7.0",
+  "version": "1.7.2",
   "description": "React implementation of Atomic CSS-in-JS",
   "license": "MIT",
   "repository": {
@@ -27,7 +27,7 @@
     }
   },
   "dependencies": {
-    "@griffel/core": "^1.20.2",
+    "@griffel/core": "^1.21.0",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {

package/src/__css.d.ts

@@ -1 +1,7 @@
-export {};
+import type { CSSClassesMapBySlot } from '@griffel/core';
+/**
+ * A version of makeStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
+ *
+ * @private
+ */
+export declare function __css<Slots extends string>(classesMapBySlot: CSSClassesMapBySlot<Slots>): () => Record<Slots, string>;

package/src/__css.js

@@ -4,7 +4,7 @@ import { useTextDirection } from './TextDirectionContext.js';
 /**
  * A version of makeStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
  *
- * @internal
+ * @private
  */
 // eslint-disable-next-line @typescript-eslint/naming-convention
 export function __css(classesMapBySlot) {

package/src/__resetCSS.d.ts

@@ -1 +1,6 @@
-export {};
+/**
+ * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
+ *
+ * @private
+ */
+export declare function __resetCSS(ltrClassName: string, rtlClassName: string | null): () => string;

package/src/__resetCSS.js

@@ -4,7 +4,7 @@ import { useTextDirection } from './TextDirectionContext.js';
 /**
  * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
  *
- * @internal
+ * @private
  */
 // eslint-disable-next-line @typescript-eslint/naming-convention
 export function __resetCSS(ltrClassName, rtlClassName) {

package/src/__resetStyles.d.ts

@@ -1 +1,7 @@
-export {};
+import type { CSSRulesByBucket } from '@griffel/core';
+/**
+ * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms.
+ *
+ * @private
+ */
+export declare function __resetStyles(ltrClassName: string, rtlClassName: string | null, cssRules: CSSRulesByBucket | string[]): () => string;

package/src/__resetStyles.js

@@ -6,7 +6,7 @@ import { useTextDirection } from './TextDirectionContext.js';
 /**
  * A version of makeResetStyles() that accepts build output as an input and skips all runtime transforms.
  *
- * @internal
+ * @private
  */
 // eslint-disable-next-line @typescript-eslint/naming-convention
 export function __resetStyles(ltrClassName, rtlClassName, cssRules) {

package/src/__staticCSS.d.ts

@@ -1 +1,6 @@
-export {};
+/**
+ * A version of makeStaticStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
+ *
+ * @private
+ */
+export declare function __staticCSS(): () => void;

package/src/__staticCSS.js

@@ -3,7 +3,7 @@ import { __staticCSS as vanillaStaticCSS } from '@griffel/core';
 /**
  * A version of makeStaticStyles() that accepts build output as an input and skips all runtime transforms & DOM insertion.
  *
- * @internal
+ * @private
  */
 // eslint-disable-next-line @typescript-eslint/naming-convention
 export function __staticCSS() {

package/src/__staticStyles.d.ts

@@ -1 +1,7 @@
-export {};
+import type { CSSRulesByBucket } from '@griffel/core';
+/**
+ * A version of makeStaticStyles() that accepts build output as an input and skips all runtime transforms.
+ *
+ * @private
+ */
+export declare function __staticStyles(cssRules: CSSRulesByBucket): () => void;

package/src/__staticStyles.js

@@ -5,7 +5,7 @@ import { useRenderer } from './RendererContext.js';
 /**
  * A version of makeStaticStyles() that accepts build output as an input and skips all runtime transforms.
  *
- * @internal
+ * @private
  */
 // eslint-disable-next-line @typescript-eslint/naming-convention
 export function __staticStyles(cssRules) {

package/src/__styles.d.ts

@@ -1 +1,7 @@
-export {};
+import type { CSSClassesMapBySlot, CSSRulesByBucket } from '@griffel/core';
+/**
+ * A version of makeStyles() that accepts build output as an input and skips all runtime transforms.
+ *
+ * @private
+ */
+export declare function __styles<Slots extends string>(classesMapBySlot: CSSClassesMapBySlot<Slots>, cssRules: CSSRulesByBucket): () => Record<Slots, string>;

package/src/__styles.js

@@ -6,7 +6,7 @@ import { useTextDirection } from './TextDirectionContext.js';
 /**
  * A version of makeStyles() that accepts build output as an input and skips all runtime transforms.
  *
- * @internal
+ * @private
  */
 // eslint-disable-next-line @typescript-eslint/naming-convention
 export function __styles(classesMapBySlot, cssRules) {